小程序上传图片相册拍照

最新推荐文章于 2024-04-02 17:32:27 发布

原创最新推荐文章于 2024-04-02 17:32:27 发布 · 771 阅读

0 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了在微信小程序中使用chooseImage和uploadFile API进行图片选择与上传的方法。重点讲解了如何设置图片大小限制，确保上传的图片不超过5MB，以及如何处理上传成功与失败的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wx.chooseImage({
count: 1, // 张数，默认9
sizeType: ['compressed'], // 建议压缩图
sourceType: ['album'], // 来源是相册 camera：拍照
success: (res) => {
if (res.tempFiles[0] && res.tempFiles[0].size > 5242880) {
wx.showToast({
title: '请上传小于5M的图片',
icon: 'none',
});
return false;
}
this.uploadImage(res.tempFilePaths[0]);
},
});

uploadImage(tempavatarUrl) {
wx.uploadFile({
url: url,//链接地址
filePath: tempavatarUrl,
name: 'file',
header: {
'Content-Type': 'multipart/form-data',
accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8',
},
success: (res) => {
const data = JSON.parse(res.data);
if (data.success===true) {
console.info('success')
} else {
wx.showToast({
title: '上传头像失败',
icon: 'none',
});
}
},
});
},