码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-10-11 12:06:17      阅读:337      评论:0      收藏:0      [点我收藏+]

标签:hang   ext   ready   orm   alt   pen   格式   接口   拍照   

最近项目要求,在微信公众号中嵌入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数据格式)失败之解决办法

标签:hang   ext   ready   orm   alt   pen   格式   接口   拍照   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!