微信小程序图片上传实例详解

  

一。了解wx.chooseImage(对象)

  

微信小程序图片上传实例详解“> <br/>
  </p>
  <p> <强>二。代码编程</强> </p>
  <p>在页文件里面创建uploadimg文件夹<br/>
  </p>
  <p> <强> 1。编写页面结构:uploadimg.wxml </强> </p>
  
  <pre类=   & lt;视图类=叭萜鳌北?   & lt;按钮类型=爸鳌眀indtap=癱hooseimage祝辞获取图片& lt;/button>   & lt;图像src=" https://www.yisu.com/zixun/{{tempFilePaths}}”模式=" aspecFill "/比;   & lt;/view>      

微信小程序图片上传实例详解“> <br/>
  <强> 2。设置数据:uploadimg.js </强> </p>
  <p> </p>
  
  <pre类=//获取应用实例   应用var=getApp ()   页面({   数据:{   tempFilePaths:”,   },/* *   *上传图片   */chooseimage:函数(){   var _this=;   wx.chooseImage ({   数:1//默认9//可以指定是原图还是压缩图,默认二者都有   sizeType:“原始”、“压缩”,//可以指定来源是相册还是相机,默认二者都有   sourceType:“专辑”,“相机”,//返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片   成功:函数(res) {      _this.setData ({   tempFilePaths: res.tempFilePaths   })   }   })   }   })      

微信小程序图片上传实例详解“> <br/>
  </p>
  <p>感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! </p><h2 class=微信小程序图片上传实例详解