app直播源代码,uniapp点击按钮 保存页面为图片到本地

app直播源代码,uniapp点击按钮 保存页面为图片到本地

首先写一个按钮 创建事件

 

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

​ 

然后把点击事件写上

 

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

 

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

 以上就是 app直播源代码,uniapp点击按钮 保存页面为图片到本地,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(55)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-04-11 短视频带货源码,实现注册和对注册账号的验证
2022-04-11 短视频app制作,停止滑动时,自动隐藏滚动条
2022-04-11 直播软件app开发,实现一个基础版的登录界面
点击右上角即可分享
微信分享提示