在ios不同版本下vue2.0浏览上传和拍照上传图片压缩兼容问题

最近在更新迭代之前做的web版项目，在手机端测试上头像和上传附件为图片格式的过程中，发现在ios不同版本的上传图片的功能实现效果不同。比如：ios13版本上传图片就可以正常上传，但是ios2、ios14、ios15浏览上传和拍照上传图片就无法成功上传（因为测试机型只有这几个版本就只测了这几个版本），让后台断点查看是的问题是接口是正常请求的但是进接口却拿不到文件内容，上传文件内容是空的，当时真的是被这个兼容性给难住了，一直在百度找方法，改代码，起初是看网上说的是header配置不对。

我改的第一种方式：

经过一番百度总算找到了答案，

是需要设置 withCredentials：true , 表示跨域请求时是否需要使用凭证。但是改完测试发现根本没啥用，并且问题应该也不是跨域请求。（不符合）

第二种方式：

添加请求头

var formData = new FormData($("#myForm"));

formData.append(“upfile”, document.getElementById(‘file’).files[0]);

formData.append(“aaa”, 111);//添加其他需要上传的数据，这里可以用JSON.stringify转，涉及file上传的切记不要转;

let config = {

headers:{‘Content-Type’:‘multipart/form-data’}

}; //添加请求头

但是这个方法添加完了以后也没有任何作用

最后看了一下整体的代码，发现共同点是上传和拍照请求接口之前都调用了压缩方法，下面就从压缩方法入手。

最后发现问题出在压缩代码时转码过程中在ios版本上不兼容

用vue 移动端上传图片在ios 手机上 图片转换base64 在转换file 文件类型 后台接受不到，最后将 file 改为 Blob 的 格式上传，就上传成功了。

问题解决了。

ok！拜拜！