使用ReactJS通过BlueImp FileUpload jQuery插件上传文件

<form id="myForm" enctype="multipart/form-data" onSubmit={this.handleSubmit}>
  <input type="text" name="name">
  <input type="text" name="lastName">
  <input type="file" accept="image/*" name="myPic">
</form>

// Inside handleSubmit() of my component
$('#myForm").fileupload('add',{url: "myurl"});

在React中使用jQuery插件是合理的，但是由于React保留了自己的DOM的虚拟表示形式，所以您应该避免使用jQuery选择器。

在提交表单时，使用事件目标获取对真实DOM节点的引用，并将其包装到jQuery对象中以访问该插件：

React.createClass({
  handleSubmit: function(event) {
    $(event.target).fileupload('add',{url: "myurl"});
  },render: function() {
    return (
      <form enctype="multipart/form-data" onSubmit={this.handleSubmit}>
        <input type="text" name="name" />
        <input type="text" name="lastName" />
        <input type="file" accept="image/*" name="myPic" />
      </form>
    );
  }
});