使用jquery在reactjs中上传文件

时间:2017-06-24 13:45:59

标签: jquery reactjs

我试图使用reactjs和jquery将文件上传到我的localhost文件夹之一,当我提交文件时它工作正常没有错误但是当我去文件夹检查时我什么也没发现(没什么)在我的文件夹中)

uploadFile()
    {
      var data = new FormData();    
      data.append('file', this.refs.file.getDOMNode().files[0]);
        $.ajax({
            url: 'http://localhost:8080/files/uploads',
            data: data,
            processData: false,
            contentType: false,
            type: 'POST',
            cache: false,
            success: function(data){
                alert("File uploaded");     
            },
            error: function()
            {             
              alert("Error . . .");
            }
        });
    }




render: function()
    {

        return(  <form style={{width:100+'%'}} encType="multipart/form-data">
                    <div className="col-sm-12 padding-left-0 padding-right-0">
                        <input ref="file" type="file" name="file" id="filer_input2"> </input>
                        <input type="button" value ="submit" onClick={this.uploadFile}/>
                    </div>
                </form>);
    }

请问这个问题吗?

1 个答案:

答案 0 :(得分:0)

您需要使用here redux-thunk进行此类异步操作。

Here你可以看到一个关于如何使用react和jquery创建ajax请求的完整示例