vue调用手机相机相册_移动端vue项目中调用微信拍照、地址、分享等功能

我们在做移动端项目时，可能会遇到一些照片上传、获取当前地址、或者将页面分享给朋友，微信扫一扫等功能。微信网页开发文档中就提供了很多API，我们只要调用方法就可以，完全不用自己写，也不需要其他专门的插件。

image.png

image.png

通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力。

image.png

image.png

这是步骤二

安装 wx-js-sdk

npm i wx-js-sdk -S

引入wx-js-sdk

import wx from 'weixin-js-sdk'

以下是将步骤三、四、五封装好的方法。

const wxRegister = () => {

return new Promise((resolve, reject) => {

let data = {

URL: window.location.href.split('#')[0] //参数URL必须是动态获取的，.split('#')[0]也是必须的(无论当前url上是否存在#号)

}

//调用