微信小程序

2023-12-24 10:34:46

在微信小程序中,你可以使用 wx.chooseImagewx.chooseVideo 方法来实现相册选择和拍摄图片或视频的功能。以下是一个简单的封装函数,用于在小程序中选择图片或视频:

 

javascriptCopy code

// 封装相册选择图片函数 function chooseImage() { wx.chooseImage({ count: 1, // 最多可以选择的图片张数 sizeType: ['original', 'compressed'], // original原图,compressed压缩图 sourceType: ['album', 'camera'], // album从相册选图,camera使用相机 success: function (res) { // 返回选定照片的本地文件路径列表,tempFilePaths可以作为img标签的src属性显示图片 const tempFilePaths = res.tempFilePaths; console.log('选择图片成功:', tempFilePaths); // 在这里可以处理选择图片后的逻辑 }, fail: function (error) { console.log('选择图片失败:', error); } }); } // 封装拍摄视频函数 function chooseVideo() { wx.chooseVideo({ sourceType: ['album', 'camera'], // album从相册选视频,camera使用相机拍摄 compressed: true, // 是否压缩所选择的视频文件 maxDuration: 60, // 视频最长拍摄时间,单位秒 success: function (res) { // 返回选定视频的本地文件路径 const tempFilePath = res.tempFilePath; console.log('选择视频成功:', tempFilePath); // 在这里可以处理选择视频后的逻辑 }, fail: function (error) { console.log('选择视频失败:', error); } }); } // 调用选择图片函数 chooseImage(); // 调用选择视频函数 // chooseVideo();

在上面的示例中,chooseImage 函数调用了 wx.chooseImage 方法,而 chooseVideo 函数调用了 wx.chooseVideo 方法。这两个方法都是异步的,会在用户选择完图片或视频后触发 success 回调函数。

你可以根据实际需求进一步扩展这两个函数,例如添加 loading 提示、上传图片/视频等业务逻辑。在小程序中,对于用户权限(如相册和摄像头权限)的处理也是很重要的一部分,可以通过 wx.getSettingwx.authorize 等方法来实现。

文章来源:https://blog.csdn.net/A12536365214/article/details/135178747
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。