小程序调用相机、相册、视屏拍摄功能

最近开发小程序，其中涉及聊天板块，这里记录一下小程序如何调用相机、相册、视屏拍摄等功能。

1.相册图片选择或调用相机

chooseImage() {var that = thiswx.chooseImage({count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function (res) {// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片var tempFilePaths = res.tempFilePaths;img = tempFilePaths[0];//这里img即可获取图片文件}})},

2.视频文件选择或调用相机录制

chooseVideo() {var that = thiswx.chooseVideo({count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function (res) {// 返回选定照片的本地文件路径列表，var tempFilePaths = res.tempFilePath;// console.log(tempFilePaths)video = res.tempFilePath;//这里video即可获取视频文件}})},

小程序调用相机、相册、视屏拍摄功能相关推荐

微信小程序调用相机相册功能实现
这个其实很简单,微信提供了api 1 一般我们做个人图像选择的时候可以简单的使用 click1:function(){wx.chooseImage({success: function(res) {} ...
微信小程序调用本地相册与拍照
小程序调用相册与拍照微信小程序提供了许多方便api给开发者使用,比如说wx. showActionSheet()调用菜单栏,wx.chooseImage()从本地相册选择图片或使用相机拍照.我们可以 ...
微信小程序调用相机选择图片生成水印
项目近期有一个需求,是在小程序使用相机拍照时,页面缩略图和上传服务器(或保存本地)的都是带水印的,水印文案是当前的时间和当前所处的地点. 前期使用了微信小程序的wx.chooseImage相机拍照,再 ...
微信小程序实现上传视屏并编辑
阅读说明: 本文是实现用户上传视频并可以在线播放,选择删除.视频上传到云存储,并在云数据库中添加记录. 下面包含:1效果截图及截图说明,2实现步骤及源码. 1:效果截图及截图说明: 1.1初次进入页面 ...
微信小程序调用相册和相机
首先来写好wxml部分:给一个图片列表(img_list)和上传图片的按钮(addimg) <view class="container"><view class ...
小程序调取相机照片添加水印（时间水印）
下面的代码主要就是你在小程序调用了相机或者相册后,在返回的照片上添加水印. WXML <view style="width: 0;height: 0;overflow: hidden; ...
uniapp微信小程序自定义相机，给相机添加辅助框，解决拒绝相机默认授权后无法再次拉起相机授权问题
微信小程序自定义相机效果文章目录微信小程序自定义相机效果需求一.小程序自定义相机 1.使用uniapp的camera组件二.使用cover-view,cover-image加辅助边框三 ...
Android 8.0+调用相机相册
写在前面近期项目的需求是需要去调用相机相册去拍照获取图片保存到服务器公司的测试机试Android6.0以下的所以之前调用相机一点都没问题可是跑在Android8.0+的手机上调用相机相册就会 ...
微信小程序—自定义相机
小程序自定义相机?其实有些名不副实,因为小程序给提供的接口简单到不能再简单,不给你丝毫修改的机会,能做的不过是在相机上覆盖cover-view.cover-image.canvas之类的,来提升相机的 ...

小程序调用相机、相册、视屏拍摄功能

小程序调用相机、相册、视屏拍摄功能相关推荐

最新文章

热门文章