您的当前位置:首页正文

微信小程序上传图片到服务器不显示,微信小程序上传图片到服务器wx.uploadFile...

2024-11-10 来源:个人技术集锦

项目中肯路能需还定有开都视这讲房哦搞有名需移洁页定会遇到上传文件到服务器端,小程序提供了很有用的ap朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上i

wxml代码遇新是直朋能到:

上传图片

js代码:

getPhoto(e){ //获取手机相册功能

let _this = this;

wx.chooseImage({

count: 1, //上传图片数量

sizeType: ['original', 'compressed'],

sourceType: ['album', 'camera'],

success(res) {

console.log(res)

// tempFilePath可以作为img标签的src属性显示图片

const tempFilePaths = res.tempFilePaths

_this.upLoad(_this, tempFilePaths); //调用上传接口

}

})

},

upLoad(that,filePath){

wx.uploadFile({

filePath: filePath[0], //图片文件

name: 'file',

header: {

"Content-Type": "multipart/form-data", //头部设置

},

formData: {

//这里放你自己额外要带的参数

},

success: function (res) {

//console.log(res)

var data = JSON.parse(res.data) //do something

//根据你自己的项目要求,做处理

this.setData({

imgUrl:filePath[0]

})

}

})

},

本文来源于网络:查看 >https:///qq_41806475/article/details/84539959

显示全文