admin管理员组

文章数量:1130349

项目场景：

移动端vue项目前端通过axios发送post请求传输FormData数据上传文件到后台

问题描述

发现pc和安卓系统正常使用new FormData()对象，但是IOS系统则产生的对象是Object{appendData : …, realFormData : …}这种格式的。

解决方案：

方法一：

const formData = new FormData();
formData.append(key, value);
axios.post(`/api/yoururl`,
data：formData.realFormData || formData
)
.then(res=>{
  console.log('res=>',res);           
})

方法二：

方法一的办法虽简单解决，但是也不知道不同版本系统或新的其他浏览器会产出别的数据结构。所以不保险

直接在index.html使用’< script>’ 标签解决：

<script src="https://cdn.jsdelivr/npm/formdata-polyfill@3.0.20/formdata.min.js"></script>

或者打开链接，赋值里面的内容保存成js文件放到项目路径，直接引用本地即可

<script src="./my-script/formdata.min.js"></script>

项目场景：

移动端vue项目前端通过axios发送post请求传输FormData数据上传文件到后台

问题描述

发现pc和安卓系统正常使用new FormData()对象，但是IOS系统则产生的对象是Object{appendData : …, realFormData : …}这种格式的。

解决方案：

方法一：

const formData = new FormData();
formData.append(key, value);
axios.post(`/api/yoururl`,
data：formData.realFormData || formData
)
.then(res=>{
  console.log('res=>',res);           
})

方法二：

方法一的办法虽简单解决，但是也不知道不同版本系统或新的其他浏览器会产出别的数据结构。所以不保险

直接在index.html使用’< script>’ 标签解决：

<script src="https://cdn.jsdelivr/npm/formdata-polyfill@3.0.20/formdata.min.js"></script>

或者打开链接，赋值里面的内容保存成js文件放到项目路径，直接引用本地即可

<script src="./my-script/formdata.min.js"></script>

本文标签： 属性对象系统兼容性FormDataappendData

版权声明：本文标题：解决系统兼容性中FormData对象包含appendData和realFormData属性 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1754941419a2744354.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。