【React】form属性enctype
来源:互联网 发布:幼儿园大班美工作品 编辑:程序博客网 时间:2024/06/04 18:05
【问题背景】
react组件form上传文件到不可见iframe,后端node express提示req.files未定义。
【问题解决】
在html页面上写入相同的表单如下,可以在后台获取文件
<form action="/file_upload" method="post" enctype="multipart/form-data" target="hidden-iframe">
<input type="file" name="image" size="50" />
<input type="submit" value="上传文件" id="submit-button"/>
</form>
查看渲染出的页面发现写在react组件中的form的enctype属性没有渲染出。
查询文档,该属性在react组件中的写法为encType,T大写。修改如下:
var TestComponent = React.createClass({
render: function() {
return (<div>
<form action="/file_upload" method="post" encType="multipart/form-data" target="hidden-iframe">
<input type="file" name="image" size="50" />
<input type="submit" value="上传文件" id="submit-button"/>
</form>
</div>
);
}
});
可以正常上传
0 0
- 【React】form属性enctype
- form enctype 属性
- form enctype属性
- form标签 enctype 属性
- form中enctype属性
- form标记的Enctype 属性
- form标记的Enctype 属性
- Form标签的enctype属性
- Form表单的enctype属性
- <form>表单enctype属性说明
- form表单中的encType属性
- form表单中的encType属性
- form表单的enctype属性
- 对Form中Enctype 属性的理解
- 深入解析form表单的enctype属性
- HTML <form> 标签的 enctype 属性
- HTML <form> 标签的 enctype 属性
- HTML <form> 标签的 enctype 属性
- 无法对表创建多个聚集索引。请在创建新聚集索引前删除现有的聚集索引的问题
- 用两个栈实现队列
- win10 outlook邮件设置
- TCP和UDP编程理解:bind ,recv,recvfrom,send,sendto
- NetworkManager历史
- 【React】form属性enctype
- 构建单页Web应用概述
- 数据结构第三次
- 局部变量和全局变量同名的情况
- 使用react-native-vector-icons 库报错 react-native-vector-icons 以及使用方法
- icomoon生成字体图标及使用
- 自己拷贝的目录没有操作权限?
- 魏晋风度与世说新语
- windows 连接上网络,QQ可以使用,但是浏览器无法使用