1燕差、cordova項(xiàng)目添加相機(jī)插件
cordova plugin add cordova-plugin-camera
檢查已安裝的cordova插件
cordova plugin ls
2潜叛、在static目錄下秽褒,創(chuàng)建cordovaplugin.js文件,編寫(xiě)封裝調(diào)用相機(jī)的接口
function cameraGetPicture() {
navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
destinationType: Camera.DestinationType.DATA_URL,
sourceType: Camera.PictureSourceType.PHOTOLIBRARY
});
function onSuccess(imageURL) {
var image = document.getElementById('myImage');
image.src = imageURL;
}
function onFail(message) {
alert('Failed because: ' + message);
}
}
export{
cameraGetPicture
}
3威兜、vue文件中進(jìn)行調(diào)用
import { cameraGetPicture } from '../../static/cordovaplugin.js'
4销斟、解決ios調(diào)用相機(jī)閃退問(wèn)題
platform->ios->項(xiàng)目名->項(xiàng)目名- Info.plist里添加
<key>NSCameraUsageDescription</key>
<string>cameraDesciption</string>
文章參考:
1、https://blog.csdn.net/u011042316/article/details/83828371
2椒舵、https://www.w3cschool.cn/cordova/cordova_camera.html
3蚂踊、https://blog.csdn.net/weixin_34265814/article/details/88826525