首页 > Web开发 > 详细

fetch上传图片(formData数据格式)失败之解决办法

时间:2019-10-11 11:39:36      阅读:79      评论:0      收藏:0      [点我收藏+]

最近项目要求,在微信公众号中嵌入H5页面。其中一个功能就是实现图片上传功能(拍照或从相册选择)。前端接口请求都是使用fetch,当然上传图片的接口也不例外,后端要求是formdata格式。

本来以为分分钟接口就能联调成功,然而确耽误了好久。上传的数据一直为空(如下图)。百思不得其解。最后只能手写Ajax最终实现了。

技术分享图片

 

 

 手写Ajax方法如下:

  upload(file) {
  //构建formdata格式
  const formData = new FormData(); formData.append(‘file‘, file);
const request
= new XMLHttpRequest(); request.onreadystatechange = () => { if (request.readyState === 4 && request.status === 200) { const result = JSON.parse(request.responseText); } }; request.open(‘POST‘, "");//填入请求的url request.onerror = () => { message.error(‘请求失败!‘); };
  //发送请求 request.send(formData); }

fetch上传图片(formData数据格式)失败之解决办法

原文:https://www.cnblogs.com/yy136/p/11653184.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!