![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app小程序图片处理
悠哉大王想摸鱼
这个作者很懒,什么都没留下…
展开
-
uni-app使用canvas生成图片并保存到相册
<template> <view> <canvas canvas-id="myCanvas" v-if="show"></canvas> <button type="default" @click="seave" v-if="!show">点击</button> <button type="default" @click="myimg" v-if="show">保存</button> </v原创 2021-04-21 11:11:48 · 5323 阅读 · 10 评论 -
uni-app小程序页面传值数据过长问题
在通过url进行页面传值时,传递数据过长(如:base64图片数据)或数据包含特殊字符(如:?),这样传递的数据会不完整,而报错。遇到这样的情况可以 转成编码格式传递encodeURIComponent弄成编码decodeURIComponent解析编码// A页面-传递参数let obj = { value:"???"};uni.navigateTo({ url:`/pages/home/index?data=${encodeURIComponent(JSON.stringify(ob原创 2021-04-14 19:36:16 · 2692 阅读 · 1 评论 -
uni-app小程序保存base64图片到相册
如果直接用wx.downloadFile方法保存base64图片会有报错提示,我们使用uni.FileSystemManager.writeFile 将 ArrayBuffer 写为本地用户路径的二进制图片文件来下载base64图片直接上代码:<image :src='img_' mode="widthFix"></image><button @click="saveAlbum()">保存至相册</button> //保存相册 saveA原创 2021-04-13 14:32:17 · 1199 阅读 · 2 评论 -
uni-app小程序预览base64图片
在做uni-app小程序项目时,发现uni.previewImage方法不能预览base64的图片,找了好久找到一个插件可以实现base64图片的预览。预览前先把base64转成正常图片,转换的图片会自动保存在缓存里,预览图片的地址就是转换出来的这张图的缓存地址了,这样就可以预览了简单教程:插件地址:https://ext.dcloud.net.cn/plugin?id=123将插件导入到你的项目中在需要的页面引入// 以下路径需根据项目实际情况填写import { pathToBase6原创 2021-04-13 13:31:07 · 1802 阅读 · 0 评论