zoukankan      html  css  js  c++  java
  • 小程序-上传图片

    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)
            });
          }
        })
      }

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

  • 相关阅读:
    使用Python操作MySQL数据库
    SQL server数据库语句
    SQL server数据库
    实施工程师
    Vue外卖项目
    每日思考记录(12)
    Vue核心知识点
    jQuery快速入门
    js
    css2
  • 原文地址:https://www.cnblogs.com/nanjo4373977/p/12868807.html
Copyright © 2011-2022 走看看