当前位置: 首页 > news >正文

uni-app实现,预览图片后,保存至相册

uni-app实现,预览图片后,保存至相册

 <image src="https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto" class="code"  @click="preview('https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto')"></image>

//这里的imgList 是我拿到的数据数组,pics是我的图片数组
//因为imgList 是循环的,这里面的index代表的是list下面的第几项,i代表的是pics下面的第几项,使用时,请自己按照的业务需求自己改动。
      preview(url) {  //接收图片的Url
        let that = this
        let imgList = [];
        imgList.push(url);
        uni.previewImage({
          urls: imgList,
          current: '',
          longPressActions: {
            itemList: ['保存图片'],
            success: function(ress) {
              uni.downloadFile({
                url: url,
                success: (res) => {
                  if (res.statusCode === 200) {
                    uni.saveImageToPhotosAlbum({
                      filePath: res.tempFilePath,
                      success: function() {
                        //uniapp提供的消息提示框。
                        uni.showToast({
                          title: "保存成功",
                          icon: "success"
                        });
                      },
                      fail: function() {
                        uni.showToast({
                          title: "保存失败,请稍后重试",
                          icon: "none"
                        });
                      }
                    });

                  }
                }
              })
            },
            fail: function(res) {
              console.log(res.errMsg);
            }
          }
        });
      },

相关文章:

  • JS把两个数组对象合并过程解析
  • 时间转换(js将 “2021-07-06T06:23:57.000+00:00” 转换为年月日时分秒)
  • 【uni-app】小程序遇到的坑
  • Ajax原理
  • 使用JavaScript测试字符串中的字母是大写还是小写
  • 【Vue】中三种插槽的使用
  • 对象和数组的遍历
  • 【Vue】中的同步和异步
  • reduce() 遍历数组
  • 【Vue】中this.$refs的使用
  • 【Vue】分页组件切换分页时未定位到最上面的位置
  • 【Vue】导出 下载excel 方案(点击下载,下载一个excel模板)
  • 【react】语法总结
  • 【React】语法
  • Web前端工程师面试-HTML
  • [js高手之路]搞清楚面向对象,必须要理解对象在创建过程中的内存表示
  • 【Leetcode】104. 二叉树的最大深度
  • 0基础学习移动端适配
  • Angular 2 DI - IoC DI - 1
  • gitlab-ci配置详解(一)
  • Javascript基础之Array数组API
  • java取消线程实例
  • JSONP原理
  • Markdown 语法简单说明
  • Sublime Text 2/3 绑定Eclipse快捷键
  • 程序员该如何有效的找工作?
  • 关于使用markdown的方法(引自CSDN教程)
  • 力扣(LeetCode)357
  • 聊一聊前端的监控
  • 面试遇到的一些题
  • 如何编写一个可升级的智能合约
  • 我从编程教室毕业
  • 小程序测试方案初探
  • ​批处理文件中的errorlevel用法
  • #100天计划# 2013年9月29日
  • #pragma data_seg 共享数据区(转)
  • (笔记)Kotlin——Android封装ViewBinding之二 优化
  • (四)Tiki-taka算法(TTA)求解无人机三维路径规划研究(MATLAB)
  • (万字长文)Spring的核心知识尽揽其中
  • (译) 函数式 JS #1:简介
  • (转)setTimeout 和 setInterval 的区别
  • .NET Compact Framework 3.5 支持 WCF 的子集
  • .NET Core WebAPI中封装Swagger配置
  • .Net FrameWork总结
  • .NET Reactor简单使用教程
  • .Net 访问电子邮箱-LumiSoft.Net,好用
  • .net 使用ajax控件后如何调用前端脚本
  • /etc/sudoers (root权限管理)
  • @angular/cli项目构建--http(2)
  • @德人合科技——天锐绿盾 | 图纸加密软件有哪些功能呢?
  • [ Linux Audio 篇 ] 音频开发入门基础知识
  • [ 常用工具篇 ] POC-bomber 漏洞检测工具安装及使用详解
  • []error LNK2001: unresolved external symbol _m
  • [Android Pro] listView和GridView的item设置的高度和宽度不起作用
  • [BZOJ 3531][Sdoi2014]旅行(树链剖分+线段树)