码迷,mamicode.com
首页 > Web开发 > 详细

Js保存图片到本地

时间:2019-08-07 19:14:42      阅读:518      评论:0      收藏:0      [点我收藏+]

标签:usr   内存   map   路径   string   turn   web   port   dde   

注:此方法是使用hbuilderx云打包之后才能用,否则在浏览器中会报 plus is not defined

 

<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>

 

 

 

Js保存图片到本地

标签:usr   内存   map   路径   string   turn   web   port   dde   

原文地址:https://www.cnblogs.com/tlfe/p/11316875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!