uniapp—实现长按保存图片的功能

最新推荐文章于 2024-05-24 10:21:21 发布
最新推荐文章于 2024-05-24 10:21:21 发布
阅读量2.8k 收藏 13
点赞数 6
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47094365/article/details/134705625
版权
一：在小程序端，image 使用 show-menu-by-longpress 属性就可以实现！

 
二：在APP端，使用长按触发的方法 longpress ，再使用保存图片到系统相册的API  uni.saveImageToPhotosAlbum()就可以实现了（要用户同意访问相册权限）

是小圆子呀
关注
  • 6
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp开发微信小程序长按图片分享并保存功能
柑橘乌云_
03-27 2099
长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单。
uniapp长按保存图片到本地
weixin_60623799的博客
11-15 393
/ 要配置这行关键代码，不然可能不生效。content: '是否进入权限管理，调整授权？title: '您已拒绝获取相册权限',title: '已取消！title: '保存成功！title: '保存成功！>长按保存或截屏分享
uni-app 微信 支付宝 小程序 使用 longpress 实现长按删除功能，非常简单 只需两步
最新发布
qq_52602294的博客
05-24 589
使用 longpress 实现长按删除功能
关于uni-app的长按保存图片功能
wasd2399的博客
04-28 360
长按保存图片
uniapp的H5实现图片长按保存
m0_57108418的博客
08-27 3391
使用uniapp的api实现图片预览，可以缩放，关闭等操作imageUrl是图片地址，如https://www.111.com/abc/image.pngurls是字符串数组，用来预览图片因为app可以使用对应的图片下载保存，这里就不多说了，主要讲的是在H5实现图片预览保存功能。
uniapp小程序长按保存图片
qq_54646196的博客
03-09 1304
uniapp自带属性show-menu-by-longpress设置true微信小程序长按图片就会出现下图展示效果。点击下载长按下载自动保存转发收藏
uniapp点击按钮 保存页面为图片到本地
weixin_47284756的博客
03-31 6025
uniapp点击按钮 保存页面为图片到本地 首先写一个按钮 创建事件 <button class="info" @click="capture()">点击保存我哦~</button> 然后把点击事件写上 capture() { var pages = getCurrentPages(); //获取当前页面信息 var page = pages[pages.length - 1]; var bitmap = null; var currentWebvi
uniapp:H5页面长按识别二维码
weixin_43898407的博客
03-08 4491
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
uni-app中长按图片保存（保存二维码等）
m0_47703222的博客
08-04 7569
uni-app中长按保存图片 个人第二个项目是在小程序和app端的一款应用，在项目中需要使用到长按保存二维码功能，但uni-app官方的uni.saveImageToPhotosAlbum api只能传入文件路径，不支持网络路径，而我们大部分需要保存的图片基本都是网络路径，所以想到了uni.downloadFile,这个api会返还一个图片的临时路径，刚好可以作为参数使用saveImageToPhotosAlbum，所以问题就可以解决！ 关于长按事件，我使用的是canvas的@longtop，不过这个不是
解决uniapp APP图片预览长按保存到相册的问题
qq_43211876的博客
10-18 2370
解决uniapp APP图片预览长按保存到相册的问题 如果你的app图片无法在预览时保存到相册，那就试试我这个方法吧。 <view @tap="previewImage">打开预览</view> data() { return { images: [], //预览的图片列表 } }, onLoad(){ this.getImages() }, methods: { //获取图片列表 getImages(){ //在这里调接
小程序图片长按识别功能的实现方法
01-03
“image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别” 2.即便实现了 “wx.previewImage” 效果，但依旧是不支持二维码识别的 附录文档位置：小程序图片长按识别 代码设计 好在...
uniapp实现录音、播放功能.rar
06-12
在本文中，我们将深入探讨如何使用uniapp框架来实现类似微信的录音和播放功能。uniapp是一个基于Vue.js开发的多端合一的应用框架，能够帮助开发者编写一次代码，发布到iOS、Android、Web（H5）、以及各种小程序等多...
Android WebView自定义长按选择实现收藏/分享选中文本功能
08-30
Android WebView自定义长按选择实现收藏/分享选中文本功能 Android WebView 是 Android 中的一个组件，允许开发者在应用程序中显示 web 内容。但是，Android WebView 的长按选择功能是有限的，无法满足一些特殊的...
uniapp实现移动端上传文件功能
09-24
uniAPP，作为一个跨端开发框架，为开发者提供了便捷的方式来实现移动端的文件上传功能。下面，我们将详细探讨如何在uniAPP中实现这一功能。 首先，我们需要了解uniAPP的基础知识。uniAPP是由DCloud(北京嘀嗒出行...
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
10-16
主要介绍了微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
uniapp小程序长按识别关注公众号
张先森的博客
10-18 4559
uniapp小程序长按识别关注公众号
uniapp长按识别二维码、小程序码
也简的博客
04-20 9224
uniapp长按识别二维码、小程序码
UniApp 中的 image 属性讲解
zzx262625的博客
11-25 3665
在 UniApp 中，image 是用于显示图片的组件，它具有多种属性，可以控制图片的展示方式和行为。下面我将为您讲解一些常用的 image 属性。
uniapp中图片下载到相册的功能
Femi的博客欢迎大家
11-17 1646
基于方法saveImageToPhotosAlbum 官方文档中介绍到，参数filePath可以是临时文件路径也可以是永久文件路径，不支持网络图片路径。那么如何将app中后台返回的图片（服务器地址）下载到手机相册中呢？ 可以先使用downloadFile方法，下载成功后成功的回调函数中会返回一个临时路径，再将此路径给上一个SDK即可； 完整代码参考： loadImage(url) { uni.showLoading({ mask: true, title: "图片保存中
uniapp长按保存图片
09-15
在 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、付费专栏及课程。

余额充值