五叶神
五叶神
  • 发布:2019-08-22 09:58
  • 更新:2020-03-04 16:28
  • 阅读:735

解决mui.ajax使用FormData方式上传图片无法接收参数的问题

分类:MUI

以前图片上传一直采用的图片压缩后上传base64字符串的方式,没有任何问题,最近的一个项目跟其他端是公用的接口,必须使用input file文件上传图片,结果接口各种接收不到formData append的参数,论坛各种搜都是说放弃file上传方式,最后采用原生XMLHttpRequest上传终于可以了。代码如下:

var xhr = new XMLHttpRequest();  
var formData = new FormData();  
formData.append('file', file);  
formData.append('openId', localStorage.openId);  
formData.append('provider', 'app');  

xhr.open('POST', URL + 'mobileshopapi/Common/PostUploadImage', true);  
xhr.onreadystatechange = function(){  
    if(xhr.readyState == 4 && xhr.status == 200){  
        var res = JSON.parse(xhr.responseText)  
    }  
}  
xhr.send(formData);
2 关注 分享
trek 312851584@qq.com

要回复文章请先登录注册

348293307@qq.com

348293307@qq.com

回复 五叶神:
发现是请求头不能随便设置
2020-03-04 16:28
348293307@qq.com

348293307@qq.com

发现是请求头不能随便设置
2020-03-04 16:28
五叶神

五叶神 (作者)

回复 348293307@qq.com:
status应该是接口连接问题,用接口测试工具先测试一下接口
2020-03-04 11:04
348293307@qq.com

348293307@qq.com

在IOS上status为0
2020-03-04 10:20
312851584@qq.com

312851584@qq.com

6666
2019-12-28 17:45