uniapp截图保存图片、点击按钮保存图片，可兼容app

保存指定的图片

// 注:url地址需要网络地址
saveImg(url) {const that = this;uni.downloadFile({url,success: res => {console.log(res)if (res.statusCode === 200) {uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function() {uni.showToast({title: '保存二维码成功',duration: 1500});},fail: function() {uni.showToast({title: '保存失败',duration: 1500});}});} else {uni.showToast({title: '保存失败',duration: 1500});}}});},

截图保存

downloadFile() {let $this = this;uni.showLoading({ //加载框title: '保存中...',mask: true})var pages = getCurrentPages(); //获取当前页面信息var page = pages[pages.length - 1];var bitmap = null;// $this.$nextTick(()=> {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: '保存二维码成功',duration: 1500});},complete() {uni.hideLoading();}});}, function(e) {console.log('保存图片失败：' + JSON.stringify(e));});}, function(e) {console.log('保存图片失败：' + JSON.stringify(e));});// })},

uniapp截图保存图片、点击按钮保存图片，可兼容app相关推荐

vue实现点击按钮保存图片
HTML部分: <div class="btn" @click="saveImg">保存海报</div> js部分: downloadI ...
uniapp点击按钮保存页面为图片到本地
uniapp点击按钮保存页面为图片到本地首先写一个按钮创建事件 <button class="info" @click="capture()"> ...
uniapp延迟执行_uniapp微信小程序真机调试点击按钮有1秒延迟
详细问题描述 (DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题) [内容] 开发uniapp小 ...
uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
参考文档: https://uniapp.dcloud.io/api/ui/prompt?id=showmodal 显示模态弹窗,可以只有一个确定按钮,也可以同时有确定和取消按钮.类似于一个API整合 ...
uni-app二维码生成，点击按钮弹框展示二维码
uni-app二维码生成,点击按钮展示二维码文章 uni-app二维码生成,点击按钮展示二维码前言一.首先我用的是HBuilderX,新建uni-app项目二.使用步骤 1.先下载插件uQRC ...
uni-app点击按钮弹出提示框
uni-app点击按钮弹出提示框点击事件 <view class="footerbotom_button" @click="ajp">立即支付&l ...
uniapp微信小程序：点击按钮先判断用户是否授权位置信息、用户位置信息授权、进入下一个页面
文章目录前言一.创建点击事件的方法二.判断用户是否授权位置三.弹出位置授权框四.坐标到坐标所在位置的文字描述的转换(逆地址解析) 五.拒接授权后再次点击按钮跳转到允许访问位置设置总结前言 ...
uni-app - 拨打电话功能（在不同平台下，点击按钮触发一键拨号功能）
前言很多文章都过时了,本示例代码干净整洁功能完善. 本文实现了点击按钮实现一键拨号功能,能唤起系统原生打电话程序. 同时兼容 H5.小程序.App 端,全端均可实现该功能! 如下图所示,当点击[拨 ...
js实现点击按钮切换图片功能_☆*往事随風*☆的博客
文章目录前言一.DOM是什么? 二.对象的HTML DOM 树三.图片切换练习 1.要求 2.实现思路 3.示例代码 1.html示例代码如下: 2.css示例代码如下: 2.js示例代码如下: ...

uniapp截图保存图片、点击按钮保存图片，可兼容app

保存指定的图片

截图保存

uniapp截图保存图片、点击按钮保存图片，可兼容app相关推荐

最新文章

热门文章