微信小程序上传图片并预览,指定总共最多能上传几张
2018-09-11 19:39
288 查看
wxml
hljs php"> <view wx:for="{{tempFilePaths}}"><image src="{{item}}"></image></view> <view wx:if="{{tempFilePaths.length<=4}}" bindtap='chooseimg'>+</view> //图片超过四张时上传按钮消失 </view>``` #####js ``` chooseimg:function(){ let _this = this; let len=0; if (_this.data.tempFilePaths!=null){ len = _this.data.tempFilePaths.length; }//获取当前已有的图片 wx.chooseImage({ count: 5-len, //最多还能上传的图片数,这里最多可以上传5张 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths let tempFilePathsimg = _this.data.tempFilePaths //获取当前已上传的图片的数组 var tempFilePathsimgs=tempFilePathsimg.concat(tempFilePaths) //把当前上传的数组合并到原来的数组中 _this.setData({ tempFilePaths: tempFilePathsimgs }) }, fail:function(){ wx.showToast({ title: '图片上传失败', icon: 'none' }) return; } }) },阅读更多
相关文章推荐
- 微信小程序图片选择、上传到服务器、预览(PHP)实现实例
- 微信小程序图片上传删除和预览
- 微信小程序实现图片上传放大预览删除代码
- 微信小程序实现图片上传、删除和预览功能的方法
- 微信小程序图片选择、上传到服务器、预览(PHP)实现实例
- 微信小程序 上传图片(PHP后台)9张,上传到指定文件夹
- 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
- 微信小程序预览图片
- 微信小程序上传图片到服务器
- 微信小程序上传图片到服务器实例代码
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- 微信小程序之----上传图片
- PHP之微信JSSDK图片上传预览下载到服务器
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 利用微信的weui框架上传、预览和删除图片
- [置顶] 微信小程序识别二维码跳转 图片预览,放大图片 + 识别图中二维码 出现的坑2个
- 微信小程序.图片上传功能
- 微信小程序开发之图片上传+Java服务端接收
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- [微信小程序]上传单张和多张图片