jquery - ReactJS Ajax 文件上传

Question

我正在尝试使用 React 上传文件，但不确定最好的方法。我正在尝试存储更改后的文件，但这似乎不起作用。目前，我在提交时收到错误 Uncaught TypeError: Illegal inspiration。

是否有更好的方法来使用 React 上传文件？

<小时/>

文件更改和上传功能:

changeFile: function(e) {
            this.setState({csvFile: e.target.files[0]});
        },

importFile: function() {
            data = new FormData();
            data.append('file', this.state.csvFile);
            $.ajax({
                type: "POST",
                url: "/csv/import",
                data: data,
                dataType: "JSON"
            }).done(function(json){
                alert("hooray!");
            });
        },

JSX:

    <div>
        <input type="file" onChange={this.changeFile}/>
        <button onClick={this.importFile}>Import</button>
    </div>

Answer 1

呃，原来我只需要将以下内容添加到我的 ajax 调用中:

processData: false,
contentType: false

或者

importFile: function() {
            data = new FormData();
            data.append('file', this.state.csvFile);
            $.ajax({
                type: "POST",
                url: "/csv/import",
                data: data,
                dataType: "JSON",
                processData: false,
                contentType: false
            }).done(function(json){
                alert("hooray!");
            });
        },