uni-app - - - - - 保存图片到本地

保存图片到本地

直接上代码:

	export default {
		data() {
			return {
				filePath: "https://s3.pstatp.com/toutiao/static/img/logo.201f80d.png", // 需要下载的图片地址
			};
		},
		methods: {
			saveImageToPhotosAlbum() {
				uni.downloadFile({
					url: this.filePath,
					header: {
						"content-type": "application/json",
					},
					success: (res) => {
						let filePath = res.tempFilePath;
						uni.saveImageToPhotosAlbum({
							filePath, // 暂不支持网络图片/本地图片地址,需与.downloadFile一起使用
							success: (res) => {
								uni.showToast({
									title: "成功保存到本地相册"
								});
							},
							fail: (err) => {
								let errType = err.errMsg.includes(
										"saveImageToPhotosAlbum:fail cancel"
									) ?
									"取消保存" :
									"保存失败";
								uni.showModal({
									title: errType,
									content: err.errMsg,
									showCancel: false,
								});
							},
						});
					},
					fail: (err) => {
						uni.showModal({
							title: "下载出错",
							content: err.errMsg,
							showCancel: false,
						});
					},
				});
			},
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 UniApp 中,你可以通过以下步骤来实现长按保存图片: 1. 在页面中引入 `uni.saveImageToPhotosAlbum` 方法,该方法用于保存图片到相册。 2. 在需要长按保存图片的地方,添加一个图片标签,并为其绑定一个长按事件。 3. 在长按事件中,通过 `uni.saveImageToPhotosAlbum` 方法保存图片到相册。 下面是一个示例代码: ```html <template> <view> <!-- 图片标签 --> <image src="/static/image.jpg" @longpress="saveImage"></image> </view> </template> <script> export default { methods: { saveImage() { // 调用uni.saveImageToPhotosAlbum方法保存图片 uni.saveImageToPhotosAlbum({ filePath: '/static/image.jpg', success() { uni.showToast({ title: '保存成功', icon: 'success' }); }, fail() { uni.showToast({ title: '保存失败', icon: 'none' }); } }); } } }; </script> ``` 在上面的示例中,`/static/image.jpg` 是需要保存图片路径。你可以根据实际情况替换为你自己的图片路径。当用户长按图片时,会调用 `saveImage` 方法,该方法内部调用 `uni.saveImageToPhotosAlbum` 方法来保存图片到相册。保存成功后,会显示一个成功的 Toast 提示;保存失败则显示一个失败的 Toast 提示。 需要注意的是,为了在 UniApp 中使用 `uni.saveImageToPhotosAlbum` 方法,你需要在 `manifest.json` 文件中的 `uni_modules` 配置中添加 `"name": "uni-save-image"`。 希望这个示例能帮到你!如果有任何问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值