uniapp下载图片到本地

简介: uniapp下载图片到本地

 

// 图片长按点击事件
      imgBoxClick() {
        console.log("长按触发");
        console.log("httpImgUrl", this.httpImgUrl);
        // 假设你有一个网络图片的链接
        let imageUrl = this.httpImgUrl;
        // 下载图片
        uni.downloadFile({
          url: imageUrl,
          success: downloadResult => {
            if (downloadResult.statusCode === 200) {
              // 下载成功,保存图片到系统相册
              uni.saveImageToPhotosAlbum({
                filePath: downloadResult.tempFilePath,
                success: () => {
                  uni.showToast({
                    title: '图片保存成功'
                  });
                },
                fail: () => {
                  uni.showToast({
                    title: '图片保存失败',
                    icon: 'none'
                  });
                }
              });
            } else {
              uni.showToast({
                title: '图片下载失败',
                icon: 'none'
              });
            }
          },
          fail: () => {
            uni.showToast({
              title: '图片下载失败',
              icon: 'none'
            });
          }
        });
      },

image.gif

相关文章
|
存储 移动开发 小程序
【uniapp小程序】上传图片
【uniapp小程序】上传图片
1046 0
【uniapp小程序】上传图片
|
小程序
UniApp上传图片
小程序大家应该都知道,通过上传组件得到的都是本地的一个临时路径,这个路径是不能被外网访问的,所以我们就需要将拿到的临时路径转成Base64上传到后台服务器。或者说是另外一个办法,就是通过组件直接上传文件,这个看需求设计吧。
282 0
|
9月前
|
小程序 JavaScript 数据库
微信小程序系列——上传下载图片以及图片的展示
微信小程序系列——上传下载图片以及图片的展示
|
5月前
|
小程序
微信小程序wx.previewImage实现图片预览
微信小程序wx.previewImage实现图片预览
220 0
|
2月前
|
小程序 JavaScript
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
网上有的说是bind:after-read="afterRead"的命名问题不支持-,但是我这儿执行了console.log("file",file);证明函数运行了。后来发现是multiple="true"原因开启了多图上传,如果是多图上传的话file就是数组了
45 2
|
3月前
uniapp图片预览
uniapp图片预览
|
3月前
uniapp上传图片功能怎么实现?
uniapp上传图片功能怎么实现?
|
10月前
uniapp上传图片
uniapp上传图片
96 0
|
8月前
uniapp图片上传制作
uniapp图片上传制作
29 0
uniapp保存图片到相册demo效果(整理)
uniapp保存图片到相册demo效果(整理)