前端 uniapp 实现base64格式图片保存到相册

saveHeadImgFile() {let base64 = this.qrImgUrl;const bitmap = new plus.nativeObj.Bitmap("test");bitmap.loadBase64Data(base64, function() {const url = "_doc/" + new Date().getTime() + ".png";  // url为时间戳命名方式console.log('saveHeadImgFile', url)bitmap.save(url, {overwrite: true,  // 是否覆盖// quality: 'quality'  // 图片清晰度}, (i) => {uni.saveImageToPhotosAlbum({filePath: url,success: function() {uni.showToast({title: '图片保存成功',icon: 'none'})bitmap.clear()}});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});
}

<template><!-- 预览图片 --><view class="preview-photo-box flex-box"><view class="item tc"><image class="receive-qrcode-img" :src="url" mode="widthFix" @longtap="toSave"></image></view></view>
</template><script>
export default {props: {url: {type: String,default: ''}},data() {return {};},methods: {hide() {this.$emit('hide');},saveImgFile() {let base64 = this.url;const bitmap = new plus.nativeObj.Bitmap("test");bitmap.loadBase64Data(base64, function() {const url = "_doc/" + new Date().getTime() + ".png";  // url为时间戳命名方式console.log('saveHeadImgFile', url)bitmap.save(url, {overwrite: true,  // 是否覆盖// quality: 'quality'  // 图片清晰度}, (i) => {uni.saveImageToPhotosAlbum({filePath: url,success: function() {uni.showToast({title: '图片保存成功',icon: 'none'})bitmap.clear()}});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});},toSave() {uni.showModal({title: '图片保存',content: '确定要保存图片吗',success: e => {if (e['confirm']) {this.saveImgFile();}}});}}
};
</script><style lang="scss">
.preview-photo-box {width: 100%;height: 100%;z-index: 99;justify-content: center;align-items: center;.item {.receive-qrcode-img {position: relative;z-index: 2;width: 224upx;height: 224upx;margin: 0 auto;}}
}
</style>

前端 uniapp 实现base64格式图片保存到相册相关推荐

android本地图片转base64,Android Base64转图片保存至相册
最近项目中有一个需求,获取服务端的图片Base64码转回图片后保存至相册,这么简单的事还用得着我动手吗,当然是使用ctrl c v大法了,下面看看代码: public void savePicture ...
nodejs html 生成图片,使用nodejs将html5 canvas base64编码图片保存为文件
目前流行的"你画我猜"应用,你有没有想过使用HTML5来实现过?那么不可避免的需要解决canvas保存图片到硬盘或mongodb之类的数据库.本文主要介绍使用nodejs将html ...
ajax传递多个base64,H5移动开发Ajax上传多张Base64格式图片到服务器
这篇文章主要为大家详细介绍了H5移动开发Ajax上传多张Base64格式图片到服务器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下废话不多说,直接看代码吧 1.上传组件 2.展示添加上的图片 v ...
OpenCV技巧 | 常用格式图片保存为透明背景图片(附Python源码)-教你轻松制作Logo
导读本文主要介绍使用OpenCV将常用格式图片保存为透明背景图片的方法与实现代码. 实现目标本文的目标有如下两个: ① 将常见格式[jpg/png/bmp]白色背景图片转换保存为透明背景图片: ② ...
java base64转图片并保存_java将base64解析图片保存到本地。
将base64解析图片保存到本地的两个方法 /** * base64转图片 * @param base64str base64码 * @param savePath 图片路径 * @return */ ...
base64格式图片转换成二进制流并生成图片文件
1.base64格式图片转换成二进制流并生成图片文件 /*** 将base64格式的字符串转换成二进制流,并转换成图片*/ public boolean changeBase64ToImage(Str ...
uniapp 图片保存到相册
传输门在看官网的时候发现H5是不能图片保存到相册的首先 html 绑定 @longtap 长按事件 <image :src="qrcodeImg" @longtap=&q ...
OpenGLES(八)GPUImage滤镜链与将滤镜修改后的图片保存到相册
1.滤镜链在一个复合滤镜中,多种滤镜效果处理时,通常都是图片 -> 设置顶点/纹理坐标 -> 滤镜效果处理 -> 帧缓冲区 -> 新的纹理 -> 滤镜效果处理 -> ...
小程序权限设置：小程序下载图片保存到相册拒绝权限后，再次打开权限的解决方案
小程序下载图片保存到相册功能,首次操作会提示:保存图片或视频到你的相册,有'拒绝'和'允许'两个选项,如果选择了拒绝就会保存失败:saveImageToPhotosAlbum:fail auth de ...

前端 uniapp 实现base64格式图片保存到相册

前端 uniapp 实现base64格式图片保存到相册相关推荐

最新文章

热门文章