如何从文件输入中获取图像并将其发送到NodeJS Server

Question

我已经尝试了几件事来从文件输入中获取我的图像数据并将其发送到NodeJS服务器，但到目前为止没有任何帮助。我有很多不同的解决方案，包括formData，FileReader等，但我从来没有得到过我的数据。

我的HTML如下：

<button type="button" id="uploadButton" onclick="openFilepicker()">
Upload file
</button>

openFilepicker（）函数通过文件输入元素上的jQuery触发单击：

<form id='uploadForm' encType="multipart/form-data">
    <input type="file" accept="image/*" name="uploader" class="hidden" 
    id="input-file" onchange="submitUploadForm()"/>
</form>

在选择文件后执行submitUploadForm（）函数：

function submitUploadForm() {
  if ($('#input-file').val() != '') {
    const input = document.getElementById('input-file');
    const file = input.files[0];

    /* Process my data here to be ready to send it */

    $.ajax({
        url: '/upload',
        type: 'POST',
        data: '', /* Here I want my file data to be sent */
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
            console.log(data);
        }.bind(this),
        error: function (err) {
            console.log(err);
        }.bind(this)
    });
  }
}