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

解决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 3***@qq.com

要回复文章请先登录注册

五叶神

五叶神 (作者)

回复 前端开发者福建 :
status应该是接口连接问题,用接口测试工具先测试一下接口
2020-03-04 11:04
前端开发者福建

前端开发者福建

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

3***@qq.com

6666
2019-12-28 17:45