小程序之图片上传

Posted wanan_01

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序之图片上传相关的知识,希望对你有一定的参考价值。

//调用相册等选择图片,得到图片的相对路劲
up_img: function () { var that = this; wx.chooseImage({ count: 1, // 默认9 sizeType: [‘compressed‘], sourceType: [‘album‘, ‘camera‘], success: function (res) { var tempFilePaths = res.tempFilePaths; upload(that, tempFilePaths); } }) }
//把图片上传到服务器
function
upload(page, path) { wx.showToast({ icon: "loading", title: "正在上传" }), wx.uploadFile({ url: app.globalData.url + ‘index.php?g=api&m=api&a=img_upload_api‘, filePath: path[0], name: ‘file‘, formData: { openid: wx.getStorageSync(‘openid‘), is_type: 1 }, success: function (res) { if (res.statusCode != 200) { wx.showModal({ title: ‘提示‘, content: ‘上传失败‘, showCancel: false }) return; } var res_data = JSON.parse(res.data); // poster_src = res_data.data; page.setData({ poster_src: res_data.data }); }, fail: function (e) { console.log(e); wx.showModal({ title: ‘提示‘, content: ‘上传失败‘, showCancel: false }) }, complete: function () { wx.hideToast(); //隐藏Toast } }); }

 




以上是关于小程序之图片上传的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序之上传多张图片

小程序之图片上传

微信小程序--图片相关问题合辑

微信小程序之商品发布+编辑功能(多图片上传功能)

uniapp 之使用 u-upload 组件来实现图片上传

微信小程序开发之上传图片到服务器