E企盈营销工具技术服务商 热线:4006-838-530

下载微信图片,微信小程序上传下载图片以及图片的展示

E企盈直播平台营销卖货系统

一、上传wxml:buttonbindtap=’upload’上传文件/buttonjs:首先在data里添加全局变量imagesdata:{images:[]},upload:function(){wx.chooseImage({count:1,//数量为1个sizeType:[‘original’,’compressed’],//选择原图或压缩后的图片sourceType:[‘album’,’camera’],//选择访问相册、相机success(res){//tempFilePath可以作为img标签的src属性显示图片consttempFilePaths=res.tempFilePathswx.cloud.uploadFile({cloudPath:newDate().getTime()+’.png’,filePath:tempFilePaths[0],//文件路径是数组,取第一个success:res={//getresourceIDdb.collection(‘images’).add({data:{fileID:res.fileID}}).then(res={console.log(res);}).catch(err={console.log(err)})},fail:err={//handleerror}})}})},二、下载wxml:blockwx:for='{{images}}’imagesrc='{{item.fileID}}’/imagebuttonsize=’mini’data-fileid='{{item.fileID}}’bindtap=’downloadFile’文件下载/button/blockjs:downloadFile:function(e){wx.cloud.downloadFile({fileID:e.target.dataset.fileid,}).then(res={//gettempfilepath//保存图片到手机相册wx.saveImageToPhotosAlbum({filePath:res.tempFilePath,success(res){wx.showToast({title:’保存成功’,})}})}).catch(error={//handleerror})},三、展示图片云数据库创建一个集合,名字为:imageswxml:buttonbindtap=’getFile’文件展示/buttonblockwx:for='{{images}}’imagesrc='{{item.fileID}}’/image/blockjs:getFile:function(){//使用云函数获取openidwx.cloud.callFunction({name:’login’}).then(res={db.collection(‘images’).where({_openid:res.result.openid}).get().then(res2={console.log(res2);this.setData({images:res2.data})})})},四、体验小程序OK,GAMEOVER!更多内容,请关注公众号:程序员高手之路在公众号回复:小程序资源即可免费获取以下微信小程序视频教程!

E企盈系统专业开发:万商直播系统开发,直播系统,直播平台系统源码,小程序直播,商城版小程序,分销小程序,小程序定制,微分销,微商,微信分销,微信分销商城,微信分销系统,微信分销管理,微信分销平台,微商代理系统,E企盈是专业的直播小,E企盈是专业的直播小程序,公众号分销系统,营销系统,社群私域流量卖货系统技术开发商,热线:4006-838-530
赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 下载微信图片,微信小程序上传下载图片以及图片的展示
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏