uniapp移动端截屏且保存到本地原创

原创
小哥 3年前 (2022-10-26) 阅读数 118 #uni-app
文章标签 uniapp
down() {
    setTimeout(() => {
        let pages = getCurrentPages();
        let page = pages[pages.length - 1];
        let ws = page.$getAppWebview();
        let bitmap = new plus.nativeObj.Bitmap(drawScreen);
        // 将webview内容会被绘制出来Bitmap对象中  
        ws.draw(bitmap, () => {
            // 将图片保存到本地  
            bitmap.save("_doc/drawScreen.jpg", {
                overwrite: true
            }, res => {
                console.log(res.target); // 图片地址  

                uni.saveImageToPhotosAlbum({ //将图片保存到系统相册。
                    filePath: res.target, //图片文件路径
                    success: () => {
                        uni.showModal({
                            title: 温馨提示,
                            content: 如果您保存成功,请将其转发给您的朋友。~,
                            showCancel: false,
                            confirmColor: "#34CE98",
                            confirmText: 知道了,
                            success: () => {
                                this.canSave = false;
                            }
                        })
                        uni.hideLoading()
                    },
                    fail: function(e) {
                        uni.showModal({
                            title: 温馨提示,
                            content: 保存图片失败,请重试~,
                            showCancel: false,
                            confirmColor: "#34CE98",
                            confirmText: 知道了,
                            success: () => {
                                this.canSave = false;
                            }
                        })
                        uni.hideLoading()
                    }
                });

                bitmap.clear(); // 清除Bitmap对象  
            }, error => {
                console.log(JSON.stringify(error)); // 保存故障信息  
                uni.showModal({
                    title: 温馨提示,
                    content: 保存图片失败,请重试~,
                    showCancel: false,
                    confirmColor: "#34CE98",
                    confirmText: 知道了,
                    success: () => {
                        this.canSave = false;
                    }
                })
                uni.hideLoading()
                bitmap.clear(); // 清除Bitmap对象  
            });
            // bitmap.clear(); // 清除Bitmap对象  
        }, error => {
            uni.showModal({
                title: 温馨提示,
                content: 保存图片失败,请重试~,
                showCancel: false,
                confirmColor: "#34CE98",
                confirmText: 知道了,
                success: () => {
                    this.canSave = false;
                }
            })
            uni.hideLoading()
            console.log(JSON.stringify(error)); // 绘制失败  
        }, {
            check: true, // 设置为检测白屏  
        });
    }, 2000)
}
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门