h5 uniapp如何保存照片【saveImageToPhotosAlbum不支持h5端】

报错:chunk-vendors.7e18ac5d.js:1 [system] API saveImageToPhotosAlbum is not yet

h5 uniapp如何保存照片

复制代码
				//调用预览图片的方法
				uni.previewImage({
					urls: [img],
					current: 0, //点击图片传过来的下标
					success: (res) => {
						console.log('预览图片成功');
						// uni.showToast({
						// 	title: '预览图片成功'
						// })
					}
				})

预览图片,然后长按保存

小程序保存图片

复制代码
uni.downloadFile({
					url: img, // 这里是我已经请求好的图片数据
					success: (res) => {
						console.log(res, 'resimg')
						var tempFilePath = res.tempFilePath;

						uni.saveImageToPhotosAlbum({ // 然后调用这个方法
							filePath: tempFilePath,
							success: (res) => {
								uni.showToast({
									title: '图片下载成功'
								})
							}
						})
					},
					fail: () => {
						uni.showToast({
							title: '图片下载失败'
						})
					}
				});

h5另外一个保存图片,不太友好

复制代码
var oA = document.createElement("a");
				oA.download = ''; // 设置下载的文件名,默认是'下载'
				oA.href = img;
				document.body.appendChild(oA);
				oA.click();
				oA.remove(); // 下载之后把创建的元素删除
相关推荐
zwjapple4 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker
像风一样自由20206 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
aiprtem7 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊7 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
why技术7 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端
GISer_Jing7 小时前
0704-0706上海,又聚上了
前端·新浪微博
止观止8 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall8 小时前
npm install安装的node_modules是什么
前端·npm·node.js
烛阴8 小时前
简单入门Python装饰器
前端·python
雪芽蓝域zzs8 小时前
uniapp 国密sm2加密
uni-app