欢迎光临,了解微信小程序开发,就上易用通!

微信小程序chooseImage(从本地相册选择图片或使用相机拍照)

发布:2018-04-16 11:06浏览: 来源:网络 作者:cola

一、使用API wx.chooseImage(OBJECT)

 

				
  1. var util = require('../../utils/util.js')
  2. Page({
  3. data:{
  4. src:"../image/pic4.jpg"
  5. },
  6. gotoShow: function(){var _this = this
  7. wx.chooseImage({
  8. count: 9, // 最多可以选择的图片张数,默认9
  9. sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
  10. sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
  11. success: function(res){
  12. // success
  13. console.log(res)
  14. _this.setData({
  15. src:res.tempFilePaths
  16. })
  17. },
  18. fail: function() {
  19. // fail
  20. },
  21. complete: function() {
  22. // complete
  23. }
  24. })
  25. }

二、图片路径进行数据绑定

 

				
  1. <view class="container">
  2. <view>
  3. <button type="default" bindtap="gotoShow" >点击上传照片</button>
  4. </view>
  5. <view>
  6. <image class= "show-image" mode="aspectFitf" src="{{src}}"></image>
  7. </view>
  8. </view>

号外:    1、wx.chooseImage 调用相机或相册    2、<image class= "show-image" mode="aspectFitf" src="{{src}}"></image>数据绑定    3、js中动态修改文件路径

 

				
  1. var _this = this
  2. wx.chooseImage({
  3. count: 9, // 最多可以选择的图片张数,默认9
  4. sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
  5. sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
  6. success: function(res){
  7. // success
  8. console.log(res)
  9. _this.setData({
  10. src:res.tempFilePaths
  11. })
  12. },
  13. fail: function() {
  14. // fail
  15. },
  16. complete: function() {
  17. // complete
  18. }





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。