简单表单提交文件

Question

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

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

用于上传的基本javascript代码(js小提琴链接):

    /** @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

套管对React组件很重要.尝试encType而不是ENCTYPE.(您应该在控制台中看到警告,建议您使用encType.)

这是一个完整的标签和属性列表:http://facebook.github.io/react/docs/tags-and-attributes.html.