uniapp点击按钮保存页面为图片到本地

首先写一个按钮创建事件

<button class="info" @click="capture()">点击保存我哦~</button>

然后把点击事件写上

capture() {var pages = getCurrentPages(); //获取当前页面信息var page = pages[pages.length - 1];var bitmap = null;var currentWebview = page.$getAppWebview();bitmap = new plus.nativeObj.Bitmap('amway_img');// 将webview内容绘制到Bitmap对象中currentWebview.draw(bitmap, function() {// console.log('截屏绘制图片成功');//这里我将文件名用四位随机数拼接了，不然会出现当前图片替换上一张图片只能保存一张图片的问题let rand = Math.floor(Math.random() * 10000)let saveUrl = '_doc/' + rand + 'a.jpg'bitmap.save(saveUrl, {}, function(i) {// console.log('保存图片成功：' + JSON.stringify(i));uni.saveImageToPhotosAlbum({filePath: i.target,success: function() {// bitmap.clear(); //销毁Bitmap图片uni.showToast({title: '保存图片成功',mask: false,duration: 1500});}});}, function(e) {console.log('保存图片失败：' + JSON.stringify(e));});}, function(e) {console.log('截屏绘制图片失败：' + JSON.stringify(e));});//currentWebview.append(amway_bit);},

这样就可以了可以看一下本地相册了

uniapp点击按钮保存页面为图片到本地相关推荐

JS生成二维码以及保存页面为图片的解决方案:html2Canvas+file-saver+qrcodejs2的使用心得以及解决图片失真，保存不完整的解决办法
前言最近因为工作需求,需要前端根据后端传过来的链接生成二维码,并且要使用JS保存页面为图片.然后网上搜了很多解决办法.最终都是用h5的canvas进行绘制然后保存为图片.其中,又以html2Canv ...
angular点击按钮弹出页面_Axure RP8：如何做出点击按钮切换页面效果？
如何利用Axure RP8做出点击按钮切换页面效果?一起来文中看看~ 先来看一下页面的效果图:点击不同的按钮,切换不同的页面.(是web端和手机端都很常见的交互效果) 实现这一效果大致要分为三个步骤: ...
用户输入自己的【姓名年龄爱好】 + 加CP【姓名年龄爱好】，点击按钮，页面显示该用户的信息点击提交按钮，JSON显示用户信息+副本信息（副本初始值是{}）
本文主要是利用了BOM.DOM和json/js数据的转换等知识来综合操练的一个小例子例子如下: 用户输入自己的[姓名年龄爱好] + 加CP[姓名年龄爱好],点击按钮,页面显示该用户的信息点 ...
点击a标签，跳转到同一页面的指定内容，类似于点击按钮回到页面顶部效果
点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果这个效果实现方式很简单,只需要在a标签href内填上id名,在内容标签内加入id="名"便可. 下面是实现效果 ...
uni-app点击按钮弹出提示框
uni-app点击按钮弹出提示框点击事件 <view class="footerbotom_button" @click="ajp">立即支付&l ...
android中怎么实现点击按钮进行页面的跳转
第一步:先创建好两个Activity.如图 (PS:是创建Activity,不是创建java类.右击包名,找到new-->other-->android-->AndroidActiv ...
HTML_页面点击按钮关闭页面的几种方式
HTML页面点击按钮关闭页面的几种方式文章目录 HTML页面点击按钮关闭页面的几种方式一.不带任何方式的关闭窗口二.提示之后关闭页面三.点击关闭本页面并跳转到其他页面四.将三中的方法放到 ...
HTML页面点击按钮关闭页面的方式
这篇文章给大家分享HTML页面点击按钮关闭页面的几种方式,实现思路非常简单,有不带任何方式的关闭窗口,提示之后关闭页面,点击关闭本页面并跳转到其他页面等等,每种方式结合实例代码给大家介绍的非常详细,需 ...
vue点击按钮怎么跳转图片_vue页面跳转
一.在template中的常见写法: 点击跳转二.在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 query): 有时候我们需要的是点击按钮跳出弹窗,选择判断后进行跳转,我们常 ...

uniapp点击按钮保存页面为图片到本地

uniapp点击按钮保存页面为图片到本地

uniapp点击按钮保存页面为图片到本地相关推荐

最新文章

热门文章

uniapp点击按钮 保存页面为图片到本地

uniapp点击按钮 保存页面为图片到本地

uniapp点击按钮 保存页面为图片到本地相关推荐

最新文章

热门文章

uniapp点击按钮保存页面为图片到本地

uniapp点击按钮保存页面为图片到本地

uniapp点击按钮保存页面为图片到本地相关推荐