Js保存圖片到本地

注：此方法是使用hbuilderx雲打包之后才能用，否則在瀏覽器中會報 plus is not defined

官方文檔 http://www.html5plus.org/doc/zh_cn/gallery.html#plus.gallery.save

　　http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.BitmapSaveOptions

<template>
            <button @click="saveBitmap()">保存</button>
</template>

<script>
export default {
    data(){
        return{
            wc:'',
            bitmap:''
        }
    },
    mounted(){
        // H5 plus事件處理
        function plusReady(){
            // 獲取首頁Webview窗口
            this.wc = plus.webview.currentWebview();
            // 創建Bitmap對象
            this.bitmap = new plus.nativeObj.Bitmap("test");
            // 將webview內容繪制到Bitmap對象中
            this.wc.draw(this.bitmap,function(){
                console.log('繪制圖片成功');
            },function(e){
                console.log('繪制圖片失敗：'+JSON.stringify(e));
            });
        }
        if(window.plus){
            plusReady();
        }else{
            document.addEventListener("plusready",plusReady,false);
        }
    },
    methods:{
        saveBitmap(){
            // 獲取指定標識的Bitmap圖片對象
            this.bitmap = plus.nativeObj.Bitmap.getBitmapById('test');
            // 保存圖片到Bitmap對象中
            this.bitmap.save( "_doc/a.jpg",{},function(i){
                // 保存文件到系統相冊中
                //i.target文件路徑
                plus.gallery.save( i.target, function () {
                    alert( "保存圖片到相冊成功" );
                });
                this.bitmap.clear();//銷毀Bitmap圖片
                this.bitmap.recycle();//回收圖片內存
            }
            ,function(e){
                console.log('保存圖片失敗：'+JSON.stringify(e));
                this.bitmap.clear();//銷毀Bitmap圖片
                this.bitmap.recycle();//回收圖片內存
            });
        }
    }
}
</script>