微信小程序chooseImage,上传图片到服务器,真机调试不能调式的解决办法

最新推荐文章于 2024-08-07 04:15:54 发布

Johnsos

最新推荐文章于 2024-08-07 04:15:54 发布

阅读量1.5k

点赞数 1

分类专栏：小程序文章标签：小程序上传图片

本文链接：https://blog.csdn.net/Johnsos/article/details/94720846

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

coodsImgs: function() {
var _this = this;
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['camera', 'album'],
success(res) {
// tempFilePath可以作为img标签的src属性显示图片
console.log(res.tempFilePaths);
wx.uploadFile({
url: '......' + '/fs/uploadFileToGridFS.json',为测试地址
filePath: res.tempFilePaths[0],
name: 'fileList',
success: function (res) {
var resData = JSON.parse(res.data);
console.log('111图片ID', resData.fileList[0])
console.log(app.globalData.img_prefix_http + resData.fileList[0]);
wx.request({
url: app.globalData.img_prefix_http + resData.fileList[0],
method: 'GET',
responseType: 'arraybuffer',
success: function (res) {
console.log(555, res);
// var base64 = 'data:image/jpg;base64,' + wx.arrayBufferToBase64(res.data);
var base64 = wx.arrayBufferToBase64(res.data);
// console.log(base64);
}
});
}
})
}
})
}

小程序上传图片后解析为base64 编码格式只能使用wx.request 并且(responseType: 'arraybuffer’) 才能够获得图片真实路径解析(真机中小程序图片的临时路径为wxfile:// 前缀, 必须使用 http://前缀才能发送ajax), 所以需先上传服务器, 后得到图片服务器地址进而解析