react上传图片
来源:互联网 发布:oracle创建数据库失败 编辑:程序博客网 时间:2024/05/22 17:46
//form表单
<form onSubmit={this.handleSubmit.bind(this)} name="fileinfo"> {/*accept限定图片上传格式,指定id,方便formData上传时获取file的数据*/} <input id="imgUrl" name="from1" type="file" accept="image/jpeg,image/x-png,image/gif" ref="files" onChange={(e) => { this.judge(e.target.files[0]) }}/></form>//提交按钮
<input style={{opacity: 1}} onClick={() => { this.addChapter(submitPath)}} form="UpdataImg" id="Button1" type="submit" value="上传"/>
//addChapter
addChapter(submitPath) { let input = document.forms['fileinfo'].from1 let data = new FormData() data.append('from1', input.files[0]) const {dispatch,query,addNotification} = this.props; fetch(submitPath, { method: "POST", body: data }, dispatch(ToggLoad())) .then(response => response.json()) .then(response => decode(response)) .then(json => {//上传成功的的逻辑 dispatch(ToggLoad()) }) .catch(err => { dispatch(ToggLoad()) })}
阅读全文
1 0
- react上传图片
- React图片上传组件设计
- 自定义React图片上传组件
- React Native使用fetch实现图片上传
- React Native使用fetch实现图片上传
- 如何用 React 完成图片上传功能
- React native 上传图片遇到的问题
- React-Quill中的图片上传及显示
- react-native json 上传本地图片及网络图片方法
- 基于Node的React图片上传组件实现
- 《React-Native系列》26、 ReactNative实现图片上传功能
- 《React-Native系列》26、 ReactNative实现图片上传功能
- react native 图片上传,以及服务端( php )示例程序
- react-core-image-upload:轻量级的图片上传裁剪组件
- 基于Node的React图片上传组件实现
- RN-第三方-react-native-image-picker,选择图片上传
- react native中如何往服务器上传网络图片
- 使用react-native-image-crop-picker上传图片
- 如何用Matlab求矩阵的秩、乘积、逆、行列式的值、转置
- urllib2:URLError与HTTPError
- C++中的函数指针和函数对象总结
- XBOX-Kinect版本经历使用过程以及各种数据流
- TS协议解析(adaptation field)
- react上传图片
- 来,告诉你另一种手机里的文件删了怎么恢复的方法
- Linux下设置MongoDB开机自启动
- Tomcat的BIO和NIO一些问题
- 【广告算法工程师入门 26】机制设计-考虑客户ROI的机制设计方法与实践
- iOS11 SectionHeader 胡乱移动, 且滑动时候 出现重复内容
- 认识HTML5的WebSocket
- Apk进行360加固后文件损坏之解决
- AngularJS中的滚动加载,通过ngInfiniteScroll实现下拉滚动加载