uniapp小程序下载缓存服务器上的图片

  1. 使用uni.downloadFile,但是注意下载图片的地址里的域名,需要在微信公众平台里面的downloadFile合法域名进行配置。
javascript 复制代码
export default function downloadAndCacheImage(imageUrl, name) {
	return new Promise((resolve, reject) => {
		console.log("imageUrl", imageUrl, name)
		// 检查本地缓存的更新时间
		let lastUpdateTime = uni.getStorageSync('lastUpdateTime');
		let currentDate = new Date().getTime();
		// if (!lastUpdateTime || currentDate - lastUpdateTime >= 24 * 60 * 60 * 1000) {
			// 下载最新的背景图片到本地
			uni.downloadFile({
				url: imageUrl,
				success: (res) => {
					uni.saveFile({
						tempFilePath: res.tempFilePath,
						success: (saveRes) => {
							// 保存图片路径到本地缓存
							uni.setStorageSync(name, saveRes.savedFilePath);
							uni.setStorageSync('lastUpdateTime', currentDate);
							console.log("缓存成功", res)
						}
					});
				},
				fail: (res) => {
					console.log("缓存失败", res)
				}
			});

		// }
	});

}

// 缓存图片
downloadAndCacheImage('https://www.com.jpg', 'search_page1')
this.list[2].img=uni.getStorageSync('search_page1') 
相关推荐
软件聚导航8 小时前
「聚小软 AI 助手」技术升级:从数据库检索到 RAG 知识库问答
前端·数据库·mysql·微信小程序·小程序·ai编程·rag
郑州光合科技余经理9 小时前
本地生活服务系统:模块边界与结算字段怎么拆
java·开发语言·前端·后端·系统架构·uni-app·php
一叶星殇11 小时前
微信小程序 Vant Popup 滚动穿透:页面级与组件级解决方案详解
微信小程序·小程序
2601_9638699517 小时前
【计算机毕业设计】基于微信小程序的点餐传菜系统设计与实现
微信小程序·小程序·课程设计
show43320 小时前
AI证件照生成工具推荐:小程序vsAPPvs网页全对比
人工智能·小程序
北漂燕郊杨哥20 小时前
VS Code 安装微信小程序 MCP 介绍
vscode·微信小程序·小程序·mcp
show43321 小时前
2026小程序端AI配音技术实现:TTS多音色引擎集成与MP3生成优化
人工智能·小程序
CRMEB1 天前
不懂设计也能有精美商城?CRMEB 主题广场与可视化装修的“千店千面“实操
人工智能·ai·小程序·开源·php
维双云2 天前
2026微信小程序开店用哪个平台?长期稳定运营的系统选择方法
微信小程序·小程序
Ai-_Man2 天前
我是想导出豆包智能体的聊天记录,能分开用户和智能体对话吗?记录有点太多了
人工智能·ai·小程序