全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[汉中seo公司联系久澳]微信小程序开发中怎样实现图片上传

  

老规矩▽▼--,直接上代码了◆◆。

  

handleCancelPic() { let id = this▪▷.data.dbId◁=★▼;
 wx.chooseImage({
 count: 3, // 默认9
 sizeType★•: ['compressed'▪◆•-;], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['◁☆-•;album'○○◇;, 'camera'◁●○;], // 可以指定来源是相册还是相机,默认二者都有
 success: res =>▷◁▼; {
 // 返回选定照片的本地文件路径列表◆★,tempFilePath可以作为img标签的src属性显示图片
 var tempFilePaths = res.tempFilePaths;

 this.setData({
 src: tempFilePaths
 })
 upload(this▽▼◇…,tempFilePaths,''○◇;,'');
 }
 })
 }
然后一个封装好的方法function upload(page, path,way,id) {
 console▼□▼◇.log(path)
 wx.showToast({
 icon: "loading"□=,
 title: "正在上传"
 });
 var test = []-☆△▽,
 that = this•◇●◁; for (var i = 0▽☆△□; i<path.length◇▽◁; i++) {
 wx=▽.uploadFile({
 url: api•▼●◆.CancelImg○■★,
 filePath◇▷◇: path[i], 
 name: 'file'◆△;○◆•,
 header: { "Content-Type"◁■▪-;: "multipart/form-data" },
 success: res => {
 test.push(res);
 wx•△.setStorageSync('○-;cancelImg',test)
 console.log(test) if (res.statusCode != 200) { 
 wx.showModal({
 title: '△▪•…;提示'◇◇○;▪☆△,
 content: '上传失败'■◁◁▷,
 showCancel: false
 }) return;
 }else {
 wx▷◇=▽.showModal({
 title: '提示',
 content: '上传成功'▲•▲●;,
 showCancel: false
 }) 
 }
 },
 fail: function (e) {
 console.log(e)★△◁●;
 wx▲…□….showModal({
 title△◆◇: '◆▽;提示',
 content●□▲=: '上传失败',
 showCancel…▪△: false
 })
 }▼•,
 complete-=◁: function () {
 wx□▽△☆.hideToast()•○; //隐藏Toast
 }
 })
 }

 

  这个是多个图片上传的方法◇□☆★,宁国市小程序开发哪家好单个图片上传的话◆☆,把循环去掉就好。主要是因为微信官方默认的就是一次上传一张图片这个很蛋疼◁•。只能这么搞了。。[汉中seo公司联系久澳]临沧市小程序制作公司17 2020.10 [武汉最好的seo公司]微信小程序如何循环调用一个方法? 微信小程序如何循环调用一个方法?下面本篇文章给大家介绍一下微信小程序中实现循环调用一个方法。 [武汉最好的seo公司] 有一定的参考价值, 集安市小程序制作公司 有需要的朋友
 

  相信看了本文案例你已经掌握了方法◇▲▲,更多精彩请关注久澳传媒编程栏目其它相关文章!

  推荐阅读:

  微信小程序开发容器视图的使用
 

  微信小程序开发中Android请求失败如何处理

  以上就是微信小程序开发中怎样实现图片上传的详细内容▼●◆,更多请关注久澳传媒编程栏目其它相关文章!

[汉中seo公司联系久澳]微信小程序开发中怎样实现图片上传

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。