如何在reactjs中的请求中发送上传文件？

Question

我正在使用react-file-base64中的FileBase64组件来上传文件。当我试图从邮递员调用时它正在工作

但是当我试图从UI调用它时，它无法正常工作

import $ from 'jquery';
import BASEURL from './urlConfig.jsx';
//import dispatcher from "../dispatchers/dispatcher";

module.exports ={

_callAPI: function(url,method,data,target){
    $.ajax({
        url: url,
        method: method,
        data: data,
        processData: true,
        contentType: "multipart/form-data",
        success: (data,textStatus, jqXHR) => {
            target('success', data);   

        },
        error: (jqXhr,textStatus,error) => {
            target('error',jqXhr,textStatus,error);
            console.log("error inside code", jqXhr,textStatus,error);
        },

    });
},

}



<div className="col-sm-7">
                            <FileBase64
                            multiple={ true }
                            onDone={ this.getFiles.bind(this) } />
                            <div>
                            { this.state.files.map((file,i) => {
                            localStorage.setItem("uploadFileName", file.file);
                            return
                                <img key={i} src={file.base64} style={{maxWidth: "150px", margin: "15px"}}/>
                            }) 

                            }
                            </div>
                            </div>

对于我使用下面组件的filebase64组件。

它在UI中的键和值对中被视为文本而不是文件。 同样，如果我使用postman与文件它工作是这是正确的方式o使用多部分表单数据传递文件或在请求中我们需要指定任何上传为文件