小程序 上传图片

本文主要是介绍小程序 上传图片，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

获取图片

• wxml

  <!--pages/publish/publish.wxml-->
  <view bindtap="uploadImage">请上传图片</view>
  <view class="container">
    <image wx:for="{{imageList}}" src="{{item}}"></image>
  </view>
  
  

• js

    data: {
      imageList: ["/static/hg.jpg", "/static/hg.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)
          });
        }
      });
    },
  

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

这篇关于小程序 上传图片的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！