小程序-上传图片

时间:2020-05-11 15:05:12   收藏:0   阅读:55

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
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!