MUI使用H5+Api調取系統相冊多圖選擇及轉base64碼

kidsamong 發布于2019-08-01 18:14 / 468人閱讀

摘要：如果設置的值非法則使用默認值。我們在點擊是會使用來出來，會得到負值而導致使用默認值故在每次添加圖片時進行判斷，是否隱藏添加按鈕

偉大的哲學家曾說過
“寫代碼，一定要翻文檔”

這次我們需要用到的是調取系統相冊進行多圖上傳，
先奉上html5+api關于系統相冊的文檔鏈接
鏈接:HTML5+ API Reference & gallery

首先一點，我們在使用5+Api前都需要在manifest.json文件中進行功能模塊的添加，
當然用Hbuilder的話大部分模塊都已在內，這里是關于相冊的模塊

{
// ...
"permissions":{
    // ...
    "Gallery": {
        "description": "系統相冊"
    }
}
}

另外，5+Api需在plusReady事件之后

//mui封裝的方法
mui.plusReady(function(){
    // ...
});
//5+寫法
document.addEventListener( "plusready", function(){
    // ...
}, false );

進入正題，多圖上傳的核心代碼為以下代碼
我們可以設置多種參數，請查閱文檔

// 從相冊中選擇圖片 
function galleryImg() {
    // 從相冊中選擇圖片
    console.log("從相冊中選擇圖片:");
    plus.gallery.pick( function(path){
        console.log(path);
    }, function ( e ) {
        console.log( "取消選擇圖片" );
    }, {filter:"image"} );
}

以下是多圖上傳的demo
請在包含配置文件和mui css及js項目中打開
iOS模擬器調試會閃退，真機不會，具體原因未知

GPU云服務器云服務器 base64 base64數據 base64 cdn base64解碼亂碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51590.html

MUI使用H5+Api調取系統相冊多圖選擇及轉base64碼

摘要：如果設置的值非法則使用默認值。我們在點擊是會使用來出來，會得到負值而導致使用默認值故在每次添加圖片時進行判斷，是否隱藏添加按鈕偉大的哲學家曾說過寫代碼，一定要翻文檔這次我們需要用到的是調取系統相冊進行多圖上傳，先奉上html5+api關于系統相冊的文檔鏈接鏈接:HTML5+ API Reference & gallery 首先一點，我們在使用5+Api前都需要在manifest.j...

starsfun 2019-08-22 11:20 評論0 收藏0
MUI使用H5+Api調取系統相冊多圖選擇及轉base64碼

摘要：如果設置的值非法則使用默認值。我們在點擊是會使用來出來，會得到負值而導致使用默認值故在每次添加圖片時進行判斷，是否隱藏添加按鈕偉大的哲學家曾說過寫代碼，一定要翻文檔這次我們需要用到的是調取系統相冊進行多圖上傳，先奉上html5+api關于系統相冊的文檔鏈接鏈接:HTML5+ API Reference & gallery 首先一點，我們在使用5+Api前都需要在manifest.j...

AdolphLWQ 2019-08-29 14:05 評論0 收藏0
雪碧圖sprity 合并多圖使用心得

摘要：介紹是一個模塊化的雪碧圖生成工具會根據目錄中的圖片生成相應的雪碧圖和樣式文件，支持圖，可以內嵌編碼格式的圖，支持不同的圖片格式和有不同的圖片引擎可以選擇。介紹 sprity 是一個模塊化的雪碧圖生成工具會根據目錄中的圖片生成相應的雪碧圖和樣式文件，支持retina圖，可以內嵌base64 編碼格式的圖，支持不同的圖片格式和有不同的圖片引擎可以選擇。sprity 的前身是css-sp...

vboy1010 2019-08-28 18:29 評論0 收藏0