uniapp以form-data的形式上传图片

btikc 2024-09-10 11:59:22 技术文章 11 ℃ 0 评论

postman是这种请求方式

uni.uploadFile({

url:’url‘,//请求的路径

filePath: tempFilePaths[0],//上传的图片

name: 'file', //后台接受图片的字段

formData:this.formdata,//和图片一起上传的字段

header:{

"Content-Type": "multipart/form-data"//设置multipart/form-data格式

success: (res) => {

if (res.data.code == 200){

console.log(res)

uni.showToast({

icon:"none",

title:res.data.msg

})

}

fail:(err)=>{

console.log(err)//错误提示

}

})

unapp上传图片的参数说明

参数名	类型	必填	说明	平台差异说明
url	String	是	开发者服务器 url
files	Array	否	需要上传的文件列表。使用 files 时，filePath 和 name 不生效。	App、H5（ 2.6.15+）
fileType	String	见平台差异说明	文件类型，image/video/audio	仅支付宝小程序，且必填。
file	File	否	要上传的文件对象。	仅H5（2.6.15+）支持
filePath	String	是	要上传文件资源的路径。
name	String	是	文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
header	Object	否	HTTP 请求 Header, header 中不能设置 Referer。
timeout	Number	否	超时时间，单位 ms	H5(HBuilderX 2.9.9+)、APP(HBuilderX 2.9.9+)
formData	Object	否	HTTP 请求中其他额外的 form data
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

网站首页 > 技术文章正文