全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

微信小程序 chooseImage选择图片或者拍照

微信小程序 chooseImage选择图片或者拍照

一、使用API wx.chooseImage(OBJECT)

var util = require('../../utils/util.js')
Page({
  data:{
    src:"../image/pic4.jpg"
  },
  gotoShow: function(){var _this = this
    wx.chooseImage({
     count: 9, // 最多可以选择的图片张数,默认9
     sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
     sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
     success: function(res){
      // success
      console.log(res)
      _this.setData({
        src:res.tempFilePaths
      })
     },
     fail: function() {
      // fail
     },
     complete: function() {
      // complete
     }
    })
  }
 

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

<view class="container">
 <view>
  <button type="default" bindtap="gotoShow" >点击上传照片</button> 
 </view>
 <view>
  <image class= "show-image" mode="aspectFitf" src="{{src}}"></image>
 </view>
</view>

号外:

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

 var _this = this
    wx.chooseImage({
     count: 9, // 最多可以选择的图片张数,默认9
     sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
     sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
     success: function(res){
      // success
      console.log(res)
      _this.setData({
        src:res.tempFilePaths
      })
     },
     fail: function() {
      // fail
     },
     complete: function() {
      // complete
     }  

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# 微信小程序  # chooseImage选择图片或者拍照  # chooseImage  # 微信小程序实现拍照和相册选取图片  # 微信小程序使用前置摄像头拍照  # 微信小程序 拍照或从相册选取图片上传代码实例  # 微信小程序实现拍照画布指定区域生成图片  # 微信小程序拍照和摄像功能实现方法示例  # 微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)  # 微信小程序调用摄像头隐藏式拍照功能  # 微信小程序实现倒计时调用相机自动拍照功能  # 微信小程序-拍照或选择图片并上传文件  # 微信小程序实现拍照功能  # 都有  # 最多  # 可以选择  # 绑定  # 希望能  # 谢谢大家  # 上传照片  # function  # _this  # gotoShow  # image  # jpg  # count  # original  # compressed  # Page  # 微信小  # strong  # sizeType 


相关文章: 建站之星如何取消后台验证码生成?  如何基于PHP生成高效IDC网络公司建站源码?  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么?  英语简历制作免费网站推荐,如何将简历翻译成英文?  独立制作一个网站多少钱,建立网站需要花多少钱?  网站建设制作、微信公众号,公明人民医院怎么在网上预约?  学校免费自助建站系统:智能生成+拖拽设计+多端适配  建站之星官网登录失败?如何快速解决?  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些?  建站之星价格显示格式升级,你的预算足够吗?  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  如何在Ubuntu系统下快速搭建WordPress个人网站?  SAX解析器是什么,它与DOM在处理大型XML文件时有何不同?  建站主机是什么?如何选择适合的建站主机?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  如何选择网络建站服务器?高效建站必看指南  电商网站制作价格怎么算,网上拍卖流程以及规则?  深圳防火门网站制作公司,深圳中天明防火门怎么编码?  如何零成本快速生成个人自助网站?  官网自助建站系统:SEO优化+多语言支持,快速搭建专业网站  建站10G流量真的够用吗?如何应对访问高峰?  北京制作网站的公司,北京铁路集团官方网站?  青浦网站制作公司有哪些,苹果官网发货地是哪里?  如何生成腾讯云建站专用兑换码?  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  如何设置并定期更换建站之星安全管理员密码?  想学网站制作怎么学,建立一个网站要花费多少?  如何用AWS免费套餐快速搭建高效网站?  建站主机选哪种环境更利于SEO优化?  电脑免费海报制作网站推荐,招聘海报哪个网站多?  建站之星代理费用多少?最新价格详情介绍  建站中国官网:模板定制+SEO优化+建站流程一站式指南  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  建站主机是否属于云主机类型?  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊?  如何将凡科建站内容保存为本地文件?  如何快速搭建自助建站会员专属系统?  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页?  建站之星免费模板:自助建站系统与智能响应式一键生成  长沙做网站要多少钱,长沙国安网络怎么样?  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  如何在万网主机上快速搭建网站?  青岛网站建设如何选择本地服务器?  ,网页ppt怎么弄成自己的ppt?  三星网站视频制作教程下载,三星w23网页如何全屏?  建站之星展会模板:智能建站与自助搭建高效解决方案  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗?  济南网站建设制作公司,室内设计网站一般都有哪些功能?  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。