uniapp上传图片失败原因

在uniapp中将临时图片地址上传获取永久地址，

刚开始是使用post方法直接调接口上传图片，一直上传失败，

后发现需使用uni.uploadFile()才能上传文件，代码如下

// 不传递参数的情况
uni.uploadFile({url: 'https://www.example.com/upload', // 此为上传图片的地址filePath: tempFilePaths[0], // 此为要上传的资源路径name: 'file', // 此处一定要对应后端的name字段，否则会上传失败success: (res) => {const result = JSON.parse(res.data)console.log(result)}})// 传递参数的情况
uni.uploadFile({url: data.url,filePath: data.path,name: 'file',formData: {  // formData对象中填写需要传递参数id: data.id},success： (res)=>{const data = res.data//do something}})

新增一个开发遇到的问题，记录一下

在开发 uniapp App图片上传功能的时候，遇到 iOS 无法上传图片的问题，然而安卓和H5却可以正常上传图片。

原因：没有添加请求头，iOS 上传图片一定要添加 header

附上 iOS 能正常上传图片的代码

    uni.uploadFile({url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址filePath: tempFilePath, // 图片本地路径name: 'file', // 写死// 请求头一定要加，否则 iOS 图片上传会失败 安卓 可有可无header: {'content-type': 'multipart/form-data' },formData: {name: 'xxxxx' // 后端接口要求的名称// file: tempFilePath   // 这里一定不能加 file 加了 iOS 图片上传会失败 安卓无此问题},success: (uploadFileRes) => {console.log(uploadFileRes);},fail: (err) => {console.log(err)}});

uniapp上传图片失败原因相关推荐

CSDN写文章上传图片失败原因
问题:PC登录CSDN写作上传图片时,图片格式,大小都符合规范,但上传时一直提示"上传失败,使用谷歌浏览器.IE浏览器.火狐浏览器等问题依旧存在,如下图所示原因:电脑连接的网络是手机联通 ...
uni-app [真机运行失败,失败原因:手机上没有信任本计算机的授权,请在手机上信任该授权]
在hbuilder上连接手机运行uni-app项目时,出现了这样的问题:[真机运行失败,失败原因:手机上没有信任本计算机的授权,请在手机上信任该授权],本人用得Android荣耀手机,大家可以根据以下 ...
【uEditor】引入富文本编辑器uEditor时，上传图片失败的原因
uEditor uEditor是百度开发的一款开源的富文本编辑器.官网地址:http://ueditor.baidu.com/website/ 使用教程请看官网文档前言如何引入我就不赘述了,官网有 ...
typora配置好smms后还是typora上传图片失败：image load failed。
typora配置好smms后还是typora上传图片失败:image load failed. 问题描述: typora用图床上传图片时,有时好的,有时又失败,提示如image load failed ...
uni-app上传图片到腾讯云
uni-app上传图片到腾讯云(对象存储) 客户端,先从后端请求到上传的链接,再直接上传图片到腾讯云的对象存储. 1.文件base-util.js的内容: function chooseImageFr ...
uni-app上传图片并添加水印
uni-app上传图片并添加水印: 效果: image-picker 组件使用: <template><view><ImagePicker v-model="i ...
uniapp上传图片别踩坑
uniapp上传图片踩坑使用uni.chooseImage 选择图片时,手机上获取不到图库,打开应用管理权限设置=> 文件存储权限打开 uni.uploadFile上传图片, uploadBC ...
kindeditor 上传图片失败问题总结
1.近段时间一直在处理kindeditor上传图片失败的问题,前期一直以为是前端的问题,利用谷歌控制台,打断点,修改方法,一直都找不到解决方案,直到查看服务器配置,才发现: WEB 1号服务器 /da ...
uni-app上传图片遇到TypeError: e.split is not a function at view.umd.min.js:1
uni-app上传图片遇到TypeError: e.split is not a function at view.umd.min.js:1 success:function(res){that.us ...

uniapp上传图片失败原因

uniapp上传图片失败原因相关推荐

最新文章

热门文章