首页 > 微信 > 详细

小程序-上传图片

时间:2020-05-11 15:05:12      阅读:55      评论:0      收藏:0      [点我收藏+]

wxml

1 <view bindtap="uploadImage">请上传图片</view>
2 <view class="container">
3    <image wx:for="{{imageList}}" src="{{item}}"</image>
4 </view>

js

data: {
    "imageList":["/static/1.jpg","/static/2.jpg"]
  },
uploadImage:function(){
    var that = this;

    wx.chooseImage({
      count:9, //最大上传图片张数
      sizeType:[‘original‘,‘compressed‘], //图片尺寸
      sourceType:[‘album‘,‘camera‘], //图片来源
      success:function(res){
        // 设置imageList,页面上的图片自动修改
        // that.setData({
        //   imageList:res.tempFilePaths
        // });

        //默认图片+选择的图片
        that.setData({
          imageList:that.data.imageList.concat(res.tempFilePaths)
        });
      }
    })
  }

 注意事项:图片只是上传到内存

小程序-上传图片

原文:https://www.cnblogs.com/nanjo4373977/p/12868807.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!