uniapp微信小程序点击保存图片

一:需要用到的API

1.uni.uploadFile(OBJECT)  将本地资源上传到开发者服务器

uni.uploadFile(OBJECT) | uni-app官网

2. uni.saveImageToPhotosAlbum(OBJECT)  保存图片到系统相册。

uni.chooseImage(OBJECT) | uni-app官网

 注意:微信小程序在2023年10月17日之后,使用API需要配置隐私协议

二:配置:manifest.json

"mp-weixin": {"permission": {"scope.writePhotosAlbum": {"desc": "你的图片将保存到手机相册"}},},

(1)简单代码实现:

  downSaveImage(imgurl) {uni.showModal({title: '保存图片',content: '是否保存当前图片?',success: (res) => {if (res.confirm) {uni.downloadFile({url: imgurl,//图片地址success: (res) => {if (res.statusCode === 200) {// console.log(res.tempFilePath,'res.tempFilePathres.tempFilePath');uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function () {uni.showToast({title: '保存成功',duration: 2000,})},fail: function () {uni.showToast({title: '保存失败,请稍后重试',icon: 'none',})},})}},})} else if (res.cancel) {uni.showToast({title: "你取消了该操作",icon:'none',duration: 2000});}},})},

(2)用户授权完整的代码

if (res.authSetting['scope.writePhotosAlbum']) {// 用户已经授权,可以直接保存图片// ...
} else if (res.authSetting['scope.writePhotosAlbum'] === undefined) {// 用户还没有授权,需要引导用户前往设置页面进行授权uni.showModal({title: '提示',content: '请前往设置页面授权保存图片',success: function (res) {if (res.confirm) {uni.openSetting({success: function (res) {// 用户授权成功,可以保存图片// ...},fail: function () {uni.showToast({title: '授权失败,请稍后重试',icon: 'none',})},})}},})
} else {// 用户已经拒绝授权,需要引导用户前往设置页面进行授权uni.showModal({title: '提示',content: '您已拒绝授权保存图片,请前往设置页面进行授权',success: function (res) {if (res.confirm) {uni.openSetting({success: function (res) {// 用户授权成功,可以保存图片// ...},fail: function () {uni.showToast({title: '授权失败,请稍后重试',icon: 'none',})},})}},})
}

(3)如果下载图片有误,代码分段判断筛选

uni.downloadFile({url: imgurl,success: (res) => {if (res.statusCode === 200) {// 下载成功uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function () {uni.showToast({title: '保存成功',duration: 2000,})},fail: function () {uni.showToast({title: '保存失败,请稍后重试',icon: 'none',})},})} else {// 下载失败uni.showToast({title: '下载图片失败,请稍后重试',icon: 'none',})}},fail: function () {// 下载失败uni.showToast({title: '下载图片失败,请稍后重试',icon: 'none',})},
})

(4)判断是否授权调用授权再保存图片部分完整代码zh

  downSaveImage(imgurl) {uni.showModal({title: '保存图片',content: '是否保存当前图片?',success: (res) => {if (res.confirm) {//获取用户授权uni.getSetting({success(res) {//如果已经授权if (res.authSetting['scope.writePhotosAlbum']) {// 用户授权成功,可以保存图片// ...} else if (res.authSetting['scope.writePhotosAlbum'] === undefined) {// 用户还没有授权,需要引导用户前往设置页面进行授权uni.showModal({title: '提示',content: '请前往设置页面授权保存图片',success: function (res) {if (res.confirm) {uni.openSetting({success: function (res) {uni.downloadFile({url: imgurl,success: (res) => {if (res.statusCode === 200) {// 下载成功uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function () {uni.showToast({title: '保存成功',duration: 2000,})},fail: function () {uni.showToast({title: '保存失败,请稍后重试',icon: 'none',})},})} else {// 下载失败uni.showToast({title: 'else下载图片失败,请稍后重试',icon: 'none',})}},fail: function () {// 下载失败uni.showToast({title: 'fail下载图片失败,请稍后重试',icon: 'none',})},})},fail: function () {uni.showToast({title: '授权失败,请稍后重试',icon: 'none',})},})}},})} else {// 用户已经拒绝授权,需要引导用户前往设置页面进行授权uni.showModal({title: '提示',content: '您已拒绝授权保存图片,请前往设置页面进行授权',success: function (res) {if (res.confirm) {uni.openSetting({success: function (res) {// 用户授权成功,可以保存图片// ...},fail: function () {uni.showToast({title: '授权失败,请稍后重试',icon: 'none',})},})}},})}},})} else if (res.cancel) {uni.showToast({title: '你取消了该操作',icon: 'none',duration: 2000,})}},})},

注:项目中如果图片地址是后台返回的临时地址,在微信小程序模拟器返回的地址开头是

http://tmp/.......jpg

但是真机上调试返回图片地址开头是

wxfile://tmp/......jpg

这可能是因为开发版的域名没有配置正确导致的。在开发版中,小程序的文件系统是虚拟的,而在正式版中,小程序的文件系统是真实存在的。因此,在开发版中,图片的路径可能会与正式版中不同

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/217976.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【参数汇总】mysql服务端/客户端常见优化参数

mysql服务端参数 1、innodb_buffer_pool_size (innodb索引buffer pool缓冲区大小) 默认大小为128M, 官方推荐其配置为系统内存的 50% 到 75% 。 一般innodb_buffer_pool_size要结合以下两个参数来设置: innodb_buffer_pool_ch…

【1.计算机组成与体系结构】浮点数的表示

目录 1.浮点数的表示2.运算过程3.特点 1.浮点数的表示 N尾数*基数(指数/也称为阶码) 例如:1.25x105 ; 1.255x103 2.运算过程 对阶>尾数计算>结果格式化 3.特点 1、一般尾数用补码,阶码用移码 2、阶码的位数决定数的表示范围,位数越…

本地部署 Qwen-Audio-Chat

本地部署 Qwen-Audio-Chat Qwen-Audio-Chat 介绍Qwen-Audio Github 地址部署 Qwen-Audio-Chat安装 ffmpeg克隆代码库创建虚拟环境使用 pip 安装 pytorch使用 pip 安装依赖使用 ModelScope运行 Web UI Qwen-Audio-Chat 介绍 Qwen-Audio-Chat是通用语音多模态大规模语言模型&…

Spring Boot 3 整合 Mybatis-Plus 动态数据源实现多数据源切换

🚀 作者主页: 有来技术 🔥 开源项目: youlai-mall 🍃 vue3-element-admin 🍃 youlai-boot 🌺 仓库主页: Gitee 💫 Github 💫 GitCode 💖 欢迎点赞…

什么是循环依赖,如何解决

目录 什么是循环依赖? 循环依赖的原因: 如何解决循环依赖问题? 最佳实践和注意事项: 结论: 当在使用 Spring Boot 进行开发时,循环依赖(Circular Dependency)可能会成为一个常见…

广东省工业和信息化厅工业互联网处一行莅临科东软件考察调研

近日,广东省工业和信息化厅工业互联网处副处长郑华、广东省科学院智能制造研究所副所长曹永军等一行领导、专家莅临科东软件,就聚焦工业数字化转型,助推新型工业化高质量发展进行考察调研。 科东软件陪同郑华副处长一行参观科东软件展厅&…

学习笔记——GDB调试器

感谢B站up主 xiaobing1016 的学习视频:基于VSCode和CMake实现C/C开发 | Linux篇_哔哩哔哩_bilibili

Redis缓存异常问题,常用解决方案总结

前言 Redis缓存异常问题分别是:1.缓存雪崩。2.缓存预热。3.缓存穿透。4.缓存降级。5.缓存击穿,以 及对应Redis缓存异常问题解决方案。 1.缓存雪崩 1.1、什么是缓存雪崩 如果缓存集中在一段时间内失效,发生大量的缓存穿透,所有…

华为OD试题一(磁盘容量排序、数大雁、计算疫情扩散时间)

1. 磁盘容量排序 题目描述:磁盘的容量单位常用的有M,G,T这三个等级,它们之间的换算关系为1T 1024G,1G 1024M,现在给定n块磁盘的容量,请对它们按从小到大的顺序进行稳定排序,例如给…

TUP实现一对一聊天

package TCP; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.net.ServerSocket; import java.net.Socket; import java.util.Scanner; /** * 发送消息线程 */ class Send ext…

道可云元宇宙每日资讯|上海市区块链关键技术攻关专项项目立项清单公布

道可云元宇宙每日简报(2023年12月11日)讯,今日元宇宙新鲜事有: 上海市2023年度区块链关键技术攻关专项项目立项清单公布 据上海市科学技术委员会近日发布通知,上海市2023年度“科技创新行动计划”区块链关键技术攻关…

Appium 自动化测试 —— Appium的环境搭建与设置流程!

1、Appium 环境搭建: 学习 appium 最大的难处之一在于环境的安装,安装流程比较繁琐,安装的工具和步骤也较多,以下是基于 Windows 系统下的 Android 手机端的安装流程。就像我们在用 Selenium 进行 web 自动化测试的时候一样&…

Python键鼠控制之PyAutoGUI方法

前言 PyAutoGUI 是一个 Python 库,用于在桌面应用程序中自动化鼠标和键盘操作。它提供了一组简单而强大的方法,使得开发者可以编写脚本来模拟用户的鼠标点击、键盘输入以及屏幕截图等操作。PyAutoGUI 可以用于自动化重复性任务、测试 GUI 应用程序、创建…

如何通过3D人脸扫描设备制作一个3D超写实虚拟人?

随着虚拟技术的快速发展,现如今的虚拟人逐渐逼真,比二次元虚拟偶像更接近真人形象的3D超写实虚拟人,拥有着更逼真的面部表情,更完美地融入于虚实画面。 随着3D人脸扫描设备不断发展,大大降低了高难度的3D超写实虚拟人…

Django 模型操作(六)

Django通过Model操作数据库, 不管你数据库的类型是MySql或者Sqlite, Django自动帮你生成相应数据库类型的SQL语句,所以不需要关注SQL语句和类型,对数据的操作Django帮我们自动完成。只要会写Model就可以了。 django使用对象关系映射 (Object Relational Mapping, 简称ORM)框…

FPGA UltraScale GTY 全网最细讲解,aurora 8b/10b编解码,HDMI视频传输,提供vivado工程源码和技术支持

目录 1、前言免责声明 2、我这里已有的 GT 高速接口解决方案3、详细设计方案设计框图视频源选择ADV7611解码芯片配置及采集动态彩条视频数据组包UltraScale GTY 全网最细解读UltraScale GTY 基本结构UltraScale GTY 参考时钟的选择和分配UltraScale GTY 发送和接收处理流程Ultr…

Datawhale聪明办法学Python(task2Getting Started)

一、课程基本结构 课程开源地址:课程简介 - 聪明办法学 Python 第二版 章节结构: Chapter 0 安装 InstallationChapter 1 启航 Getting StartedChapter 2 数据类型和操作 Data Types and OperatorsChapter 3 变量与函数 Variables and FunctionsChapte…

微积分-三角函数

三角函数 在处理微积分问题时,我们不可避免的会遇到三角函数。学会三角函数对于微积分是非常重要的。 基本知识 学习三角函数我们需要先学习一些基本知识。 首先要学习的是弧度的概念。弧度是一种角的度量单位,用于测量角的大小。它是根据角所对的弧长…

羊大师解答,羊奶的中医奇妙之处

羊奶素有“润肺之宝”之称,中医学认为它有着独特的作用和价值。羊奶不仅可以滋润肺部,还能保护肺脏免受外界侵害。在中医理论中,肺为人体之“金”,意味着肺具有极其重要的地位。正常肺气血充足,可以维持人体的正常生理…

Linux --绘制地图投影出现报错:无法成功下载地图背景数据

Linux --绘制地图投影出现报错:无法成功下载地图背景数据 主要原因是由于使用学院集群,该集群无法连接外网,在使用cartopy绘制地图投影时,导致无法成功加载地图背景数据解决方法也很简单,自己手动下载所需要的地形数据…