微信小程序----上传图片

A娘娘

于 2023-02-09 14:52:09 发布

阅读量114

点赞数

文章标签：微信小程序小程序微信

本文链接：https://blog.csdn.net/tutu_niangniang/article/details/128952936

版权

wx.chooseImage(Object object) 从本地相册选择图片或使用相机拍照。

.wxml

<view bindtap="upLoadImage">
  请上传图片
</view>
<view>
  <image wx:for="{{imageList}}" src="{{item}}" wx:key="11" mode=""/>
</view>

.js

data: {
    imageList:["/static/微信图片.jpg","/static/微信图片.jpg"]
  },
  upLoadImage:function () {
    var that=this;
    wx.chooseImage({
      count:9,
      sizeType:['original', 'compressed'],
      sourceType:['album', 'camera'],
      success:function (res) {
        console.log(res);
        // that.setData({imageList:res.tempFilePaths})
        // 默认图片+选择的图片
        that.setData({imageList:that.data.imageList.concat(res.tempFilePaths)})
      }
    })
  },

注意事项：图片目前只是上传到了内存。