uniapp小程序临时图片路径写入内存保存，并读取写入的图片

已于 2023-01-05 11:27:55 修改
阅读量2.8k 收藏 1
点赞数
分类专栏： uniapp小组件 文章标签： 小程序 uni-app 微信小程序
于 2023-01-05 11:16:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44706619/article/details/128559520
版权
功能背景

开发遇到奇葩需求，需要用户使用小程序时把图片以及操作数据保存在用户手机本地，那么就遇到问题了。图片随便拍一张都是几百kb，那么如果使用localstorage，存两三张就满了，就会自动清空数据，而且微信也会提示运行内存不足。。。所以另辟蹊径，使用wx.FileSystemManager。
注意：我这里的重点内容就是图片不存储到线上服务器，存在本地，并且还能读取。（读取图片显示并不是重点）

在这里插入图片描述

功能效果

在这里插入图片描述

代码实现

由于我这里的小程序都是使用uni.createCameraContext拍照或者uni.chooseImage，所以拿到的都是临时路径

在这里插入图片描述

看一下存入的路径,以及文件命名

了解本专栏 订阅专栏 解锁全文 超级会员免费看
_小郑有点困了
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
微信小程序实现写入读取缓存详解
10-16
在微信小程序的开发过程中，数据的存储和读取是常见的操作，尤其是在处理用户数据或临时数据时，缓存机制扮演着重要角色。本篇文章将深入探讨微信小程序如何实现写入和读取缓存，以及其在实际应用中的价值。 首先，...
VB读取线程、句柄及写入内存的API代码实例
09-04
操作权限通常由常量组合而成，如`PROCESS_VM_OPERATION`, `READ`, 和 `WRITE`，分别代表执行虚拟内存操作、读取和写入权限。第二个参数`继承句柄`通常为False，表示新创建的句柄不能被子进程继承。第三个参数是目标...
uniapp图片临时路径-转网络地址｜转base64上传
KillmuMo的博客
07-28 3253
记录将临时路径图片上传给后端的两种办法。做了小程序的拍照功能，需要将照片上传。2.临时地址转base64上传。
uni-app图片读取问题
Lichsten的博客
08-11 3644
uni-app图片读取只能从静态资源或者使用网络图片 如果想使用本地图片的话需要将路径映射到磁盘路径中去。这里我们在properties中写： filePath=D:/temp/images/ spring.resources.static-locations=classpath:static/**spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/stati
uniapp——上传图片获取到file对象而非临时地址——基础积累
最新发布
yehaocheng520的博客
06-25 817
uniapp——上传图片获取到file对象而非临时地址——基础积累
uni-app 图片临时存本地
qq_40994735的博客
03-02 1932
【代码】uni-app 图片临时存本地。
uniapp 开发微信小程序图像识别
weixin_38946164的博客
03-04 2336
效果图： 1.开通百度AI图像识别 https://login.bce.baidu.com/?redirect=https%3A%2F%2Fconsole.bce.baidu.com%2F%3Ffromai%3D1#/aip/overview 2.代码解释 3.完整代码 <template> <view> <view class="radio-list"> <view style="color: #DD524D;"> 请选择类别：&lt
uniapp通过v-for遍历获取本地静态文件stati目录下的多张图片或者多个视频（附代码）
qq_59335480的博客
09-24 1645
uniapp通过v-for遍历获取本地静态文件stati目录下的多张图片或者多个视频（附代码）
微信小程序通过临时图片路径拿到图片文件以及base64地址
weixin_41827052的博客
02-14 2176
微信小程序通过临时图片路径拿到图片文件以及base64地址。
html2canvas将HTML内容写入Canvas生成图片 uniapp
12-16
HTML2canvas是一个JavaScript库，它的主要功能是在浏览器环境中将HTML内容转换为Canvas图像，从而能够进一步将这些图像保存为图片格式，如JPEG、PNG等。这个工具在Web开发中非常实用，尤其对于需要在客户端生成屏幕...
读取写入保存excel.zip源码Labview个人项目资料程序资源下载
04-16
读取写入保存excel.zip源码Labview个人项目资料程序资源下载读取写入保存excel.zip源码Labview个人项目资料程序资源下载读取写入保存excel.zip源码Labview个人项目资料程序资源下载读取写入保存excel.zip源码Labview...
delphi实现保存和读取图片的方法
09-04
这段代码首先检查用户是否选择了图片（Execute返回值为True），如果选择成功，则通过`LoadFromFile`方法将图片加载到`img1.Picture`，并更新按钮`btnPicture`的文本为所选图片的文件路径。 2. **保存图片** 要...
uniapp选取本地资源(图片,视频,文件)
m0_67388537的博客
07-19 5770
current 为当前显示图片的链接/索引值，不填或填写的值无效则为 urls 的第一张。App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考。1.9.5+ 支持传图片在 urls 中的索引值。，其中 B1 与 B2 的图片链接是一样的。从本地相册选择图片或使用相机拍照。拍摄或从手机相册中选择图片或视频。
uniapp h5 下载图片 APP保存到本地
YY0718YGH的博客
12-21 1618
oA.download = '图片名称.png';// 设置下载的文件名，默认是'下载'//H5环境中，也可以提示长按屏幕保存，让用户操作，不执行以下事件。// 下载之后把创建的元素删除。title: "保存成功",filePath: e, //图片url。
uni-app开发微信小程序（获取多张本地相册图片并上传到服务器功能）
xxx_datou的博客
12-29 4502
思路： 用户触发某一事件弹出一个弹窗（用户可能直接手机拍摄或者直接从手机相册选择照片），用户选择完方式后，调用对应的api并把选择好的照片上传到服务器。 涉及到的API： 1、uni.showActionSheet 从底部向上弹出操作菜单 2、uni.chooseImage从本地相册选择图片或使用相机拍照 3、uni.uploadFile 将本地资源上传到开发者服务器 实现代码： ​ uni.showActionSheet({ itemList: ["拍照", "从手机相册...
uni-app
weixin_53657413的博客
11-23 1854
uni-app是什么？ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app（详见），腾讯课堂官方为uni-app录制培训课程（详见），开发者可以放心选择。 uni-app在手
【下载文件】uniapp开发小程序，下载文件并保存到本地
热门推荐
weixin_48596030的博客
07-27 1万+
【下载文件】uniapp开发小程序，下载文件并保存到本地
uni-app——小程序实现本地图片的上传以及身份证的智能识别
Bonsoir777的博客
12-29 4912
本文主要讲解uni-app中如何实现本地图片上传的方法
uniapp获取图片并展示
nishiweiyj的博客
02-13 1657
uniapp获取图片并展示
uniapp加js实现本地文件读取和写入并获取本地文件路径
05-24
在Uniapp中，可以使用uni-app提供的API来实现本地文件读取和写入操作，同时也可以使用JavaScript操作文件。下面是一个使用JavaScript实现本地文件读取和写入并获取本地文件路径的示例代码： ```js // 读取文件 function readFile() { uni.chooseImage({ count: 1, success: function(res) { const tempFilePaths = res.tempFilePaths[0]; uni.getFileSystemManager().readFile({ filePath: tempFilePaths, encoding: 'utf-8', success: function(res) { console.log(res.data); } }); } }); } // 写入文件 function writeFile() { const content = 'Hello, World!'; const filename = 'test.txt'; uni.getFileSystemManager().writeFile({ filePath: `${uni.env.USER_DATA_PATH}/${filename}`, data: content, encoding: 'utf-8', success: function(res) { console.log('写入文件成功'); console.log(res); uni.getFileSystemManager().access({ path: `${uni.env.USER_DATA_PATH}/${filename}`, success: function() { console.log(`文件路径: ${uni.env.USER_DATA_PATH}/${filename}`); }, fail: function() { console.log('文件不存在'); } }); } }); } ``` 注意，在Uniapp中，要使用`uni.env.USER_DATA_PATH`来获取本地文件路径。同时，在进行文件读取和写入操作时，需要获取用户授权，可以使用`uni.authorize`方法来获取授权。 另外，还有一些其他的API可以用于文件读取和写入操作，具体可以参考Uniapp官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_小郑有点困了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值