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

一、使用API wx.chooseImage(OBJECT)

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

转载于:https://www.cnblogs.com/xianfeng-zhang/p/6634527.html

微信小程序chooseImage（从本地相册选择图片或使用相机拍照）相关推荐

微信小程序：从本地相册选择图片、相机拍照，并将所选图片上传到服务器
简介小程序项目中有个需求:用户聊天时可以上传图片,还能支持拍照.于是学习了一下,分享给大家. 微信小程序中有个wx.chooseImage的方法可以快捷调用达到需求的效果. 具体实现 1.为了简化代 ...
uni-app 从本地相册选择图片或使用相机拍照
终于弄懂这个选择图片的流程,删除了很多不需要的地方,最终得到的就是这个版本页面部分 <view>上传图片 {{imageList.length}}/{{count}}</view& ...
微信小程序：选择从本地相册选择图片或使用相机拍照
先弹出操作菜单,选择拍照还是从相册选择.根据用户选择进行相应操作.如图所示代码如下: browse:function(){let that = this;wx.showActionSheet({it ...
微信小程序开发之从相册获取图片使用相机拍照本地图片上传
今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: 小demo,代码很简单. 1.index.wxml  <button st ...
微信小程序上传图片（从相册选择或者拍照）
在平时的项目开发中,小程序图片上传应该是经常用到的,话不多说,直接开始. 上传图片主要用到的是小程序官方提供的两个API: 一个是wx.chooseImage,一个是wx.uploadFile 有不懂 ...
微信小程序实现点击按钮选择图片后显示图片并且可以预览该图片
wxml: js: data里要写图片这个变量. 点击选择图片预览图片给 image加事件,利用e.target.dataset.src 获取当前图片地址,赋值给wx.previewImage的 ...
微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器(nodejs版)接收
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. ...
微信小程录制视频上传服务器,微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器nodejs版接收-微信小程序视频上传功能-微信小程序视频上传...
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid-后端为nodejs代码封装是在上文添加的.本文知识点:1. ...
微信小程序实现上传文件如图片/word excel到服务器
说道上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ }) 通过这个API来达到上传至服务器的效果:代码示例如下接下来我们先来说说上传图片功能,这个比较简单一些上传图片: ...

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

微信小程序chooseImage（从本地相册选择图片或使用相机拍照）相关推荐

最新文章

热门文章