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

最新推荐文章于 2025-06-24 22:21:48 发布

置顶

一个程序员的春天

最新推荐文章于 2025-06-24 22:21:48 发布

阅读量5.8k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： uni-app js javascript 文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/weixin_44186787/article/details/105751854

本文将指导如何使用uni-app框架，通过JavaScript和HTML实现将图片保存到用户的本地相册。内容包括调用uni-app的API，处理权限问题以及在不同平台上的兼容性策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	uni-app  保存图片到本地相册
    页面
<image @longpress="saveimg()" src="../../static/image/1.jpg"></image>
<image @longpress="saveimgs()" src="../../static/image/2.jpg"></image>



JS

下面保存的图片必须是http地址，我在这里是在百度找的，写死的两个地址，如果不管，在百度再找两个图片，先看下是不是你想要的效果，然后再改成后台返回的地址

saveimg() {
   
   
            uni.showActionSheet({
   
   
                itemList: ['保存到相册'],
                success: res => {
   
   
                    if (res.tapIndex == 0) {
   
   
                        uni.showLoading({
   
   
                            title: '保存中...'
                        });
                        setTimeout(function() {
   
   
                            uni.hideLoading();
                        }, 6000);
                        uni.downloadFile