Cordova各個外掛使用介紹系列（三）—$cordovaImagePicker從手機相簿選擇多張圖片
阿新 • • 發佈：2019-02-02
這是能從手機裡選擇多張圖片的外掛，是當時在做相機、上傳圖片相關的功能時在ngCordova官網看到的，下面簡單介紹一下它的用法：
1、首先需要有一個簡單的專案,然後在命令列輸入新增外掛的命令:
cordova plugin add https://github.com/wymsee/cordova-imagePicker.git |
2、在HTML中的程式碼如下，要呼叫相應的控制器裡的函式來使用外掛，我來簡單的寫一下：
<div ng-repeat="item in allImg">
<img class="full-image img-responsive" ng-src="{{item.img}}"
/>
<div> |
3、在JS中的程式碼如下,這個程式碼寫在相應的控制器裡並且依賴‘$cordovaImagePicker’，記得在app.js裡依賴‘ngCordova’,這是ngCordova官網的控制器裡面的程式碼，：
var options = {
maximumImagesCount: 10, //需要顯示的圖片的數量
width: 800,
height: 800,
quality: 80
};
$scope.getImages = function(){
$cordovaImagePicker.getPictures(options)
.then(function (results) {
for (var i = 0; i < results.length; i++) {
console.log('Image URI: ' + results[i]);
}
}, function(error) {
// error getting photos
});
}
|
這樣子就可以多選照片了，但是這個外掛選擇完照片後的資料不是Base64格式，沒辦法上傳到我們的伺服器，因此後來就放棄這種方法了，以後可以再研究下