加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

小程序上传图片,排队上传

发布时间:2020-12-16 23:45:24 所属栏目:百科 来源:网络整理
导读://没有处理的wxml,但是有效果,可以简单试验一下 view class=‘minbox1‘ text class=‘red wzgs‘*/text text class=‘wzgs‘照片(点击下面方框上传)/text text class=‘mis‘{{z}}/9/text /view view class=‘left‘ wx:if="{{pics}}" wx:for="{{pics}}"
//没有处理的wxml,但是有效果,可以简单试验一下
<view class=‘minbox1‘>
<text class=‘red wzgs‘>*</text>
<text class=‘wzgs‘>照片(点击下面方框上传)</text>
<text class=‘mis‘>{{z}}/9</text>
</view>
<view class=‘left‘ wx:if="{{pics}}" wx:for="{{pics}}">
<image style=‘float:left;‘ class="carts-image" src="{{item}}" />
</view>
</view>
<view class=‘tpys‘>
<image style=‘margin-top:-50px;‘ class="carts-image" bindtap="upimgall" src=‘/images/1.png‘ />
<view class=‘huang‘></view>
<view class=‘border‘> </view>
</view>


Pages({ data:{ count: [1,2,3,4,5,6,7,8,9],//最多上传9张, pics: [],},upimgall: function (e) {//方法 var t = this,
       i = t.data.pics.length, //已经上传的图片长度
       n = t.data.count.length; if (n <= i) return t.showErroring("最多上传9张照片"),!1;
       //选择图片 wx.chooseImage({ count: n - i,sizeType: ["compressed"],// 可以指定是原图还是压缩图,默认二者都有 sourceType: ["album","camera"],// 可以指定来源是相册还是相机,默认二者都有 success: function (res) { var imgsrc = res.tempFilePaths;//文件上传的临时路径 var i = res.tempFilePaths; var j = i.length - 1 if (i.length > 0) { var n = t.data.pics.concat(i); t.setData({ //pics: n,需要图片上传完在显示在页面,防止网络问题 imageArrs: n,}); var r = 0,s = i.length - 1; for (r in i) wx.uploadFile({//确保图片上传的顺序 url: ‘‘,filePath: i[r],name: "file",formData: { uid:uid,imgurl: i[r] },success: function (e) {
                  //上传之后,返回来的图片路径, t.data.iimages = t.data.iimages.concat(域名 + e.data); t.setData({
                   //把返回来的图片显示出来 imgs: t.data.iimages }) r == s && wx.hideLoading(); } }); } var data = { program_id: 1 } t.setData({ z: t.data.pics.length,}) } }) } })

如果有需要下载图片的可以看:https://www.cnblogs.com/naturl/p/9481072.html,也就是上一篇,正好让内容衔接以下

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读