微信小程序上传图片格式不对（微信小程序实现图片上传（清晰版））
导读：在wxml文件中添加一个按钮和一个image标签用于显示上传的图片 <view> <...
在wxml文件中添加一个按钮和一个image标签用于显示上传的图片
<view>
<button bindtap="chooseImage">选择图片</button>
<image src="{{imageUrl}}" />
</view>
在js文件中添加选择图片和上传图片的方法
Page({
data: {
imageUrl:
},
chooseImage() {
wx.chooseImage({
count: 1, // 可选择的图片数量
sizeType: [compressed], // 压缩图片
sourceType: [album, camera], // 来源：相册或相机
success: (res)=> {
// 将选择的图片上传到服务器
this.uploadImage(res.tempFilePaths[0]);
}
})
},
uploadImage(imagePath) {
wx.uploadFile({
url: 服务器地址, // 上传图片的接口地址
filePath: imagePath, // 图片文件路径
name: image, // 文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
success: (res) => {
// 上传成功后 ，将服务器返回的图片地址更新到image标签中
this.setData({
imageUrl: res.data
});
},
fail: function (res) {
console.log(res);
}
})
}
})
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！