Question

我正在尝试使用React JS编写一个带有输入文件类型的简单上传表单。当我提交文件时，它不提交多表格数据。它正在提交普通的输入文件名。

如果我们想在React中编写上传功能，是否需要进行任何其他更改。

用于上传的基本javascript代码（js fiddle link）：

    /** @jsx React.DOM */
var HelloMessage = React.createClass({
  render: function() {
    return (<div>

                <form name="secret" ENCTYPE="multipart/form-data"  method="POST" action="http://localhost:8080/uploadFile">
            Please choose two files to upload.
            <br/>
                File 1:<input type="file" id="profilePic" name="profilePic"/>             
            <br/> 
                <input type="submit" value="submit"/>
    </form>
            </div>);
  }
});

React.renderComponent(<HelloMessage />, document.body);

有人可以帮我用React JS编写。

Answer 1

Casing对React组件很重要。请尝试encType而不是ENCTYPE。（您应该在控制台中看到警告，建议您使用encType。）

以下是标签和属性的完整列表：http://facebook.github.io/react/docs/tags-and-attributes.html。

简单表单提交文件

1 个答案: