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

最新推荐文章于 2025-03-22 10:02:34 发布
最新推荐文章于 2025-03-22 10:02:34 发布
阅读量5.4k 收藏 21
点赞数 9
文章标签： 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()就可以实现了（要用户同意访问相册权限）

uni-app的app端实现长按保存图片，保存二维码
weixin_49030317的博客
06-24 2341
uni-app的app端实现长按保存图片，保存二维码 1.先给图片加一个长按事件：@longtab <!-- @longtab长按事件 --> <image @longtap="bankImg" class="bankImgg" :show-menu-by-longpress="true" src="路径" mode=""></image> 2.在methods中写如下代码 methods: { //长按图片 bankImg(){
Android WebView实现长按保存图片及长按识别二维码功能
08-28
要实现长按保存图片功能，需要继承WebView并重写onInterceptTouchEvent方法，记录长按位置的坐标。然后，在长按事件中，使用WebView.HitTestResult判断长按位置的内容类型是否是图片，如果是，则弹出保存图片的弹框...
uniapp的H5实现图片长按保存
m0_57108418的博客
08-27 4345
使用uniapp的api实现图片预览，可以缩放，关闭等操作imageUrl是图片地址，如https://www.111.com/abc/image.pngurls是字符串数组，用来预览图片因为app可以使用对应的图片下载保存，这里就不多说了，主要讲的是在H5实现图片预览保存功能。
uniapp小程序实现长按保存图片
最新发布
love_yourself_ok的博客
03-22 200
【代码】uniapp小程序实现长按保存图片。
关于uni-app的长按保存图片功能
wasd2399的博客
04-28 890
长按保存图片
uniapp实现小程序长按图片保存在系统相册
weixin_48383709的博客
04-26 3096
今天做一个简单的小功能 —— 长按图片保存在本地相册。 在网上也有众多相关案例，而且uniapp官网上面也有相应的api，而我也是记录一下现在手上项目这个功能的实现过程。 先来看看效果图： 这是你长按图片之后出现的一个弹窗。 点击“确认”之后就弹出下面这个窗口，当然了，我这是用电脑打开的。 点击“保存”，你就可以在相应的文件里面找到这个图片。 实现的过程其实不难，我是使用了网上的一个插件：https://ext.dcloud.net.cn/plugin?id=539 跟着上面的介绍，然后修改一下就可以实
uniapp长按实现图片保存
qq_42822054的博客
03-02 3541
html部分代码： <image src='https://ykrj.icu/files/bxshdt_1.jpg' class="tui-activity-img" mode="widthFix" @longtap="savePosterPath(url)"></image> js端代码 savePosterPath(url) { uni.downloadFile({ url, success: (resFile) => { .
UNI-APP_uni-app长按保存图片，uni-app长按事件
小歪博客
10-19 2018
<div @longtap="longtap">长按触发事件</div > methods:{ longtap(){ uni.downloadFile({ url: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2233431505,2282541580&fm=26&gp=0.jpg', success: (res) =>{ if (res.stat
uniapp长按保存图片到本地
weixin_60623799的博客
11-15 552
/ 要配置这行关键代码，不然可能不生效。content: '是否进入权限管理，调整授权？title: '您已拒绝获取相册权限',title: '已取消！title: '保存成功！title: '保存成功！>长按保存或截屏分享
小程序实现长按保存图片的方法
12-30
这个功能有两个点，一个是长按，一个是保存图片到本地。 1,、微信小程序提供了长按的事件，叫 bindlongpress 2、微信小程序同样提供了保存图片的接口，是 wx.saveImageToPhotosAlbum() 弄清楚了，我们可以开始做这个...
uniapp h5长按保存图片
10-15
UniApp H5页面中，为了实现长按图片保存功能，通常需要借助于HTML5的`contextmenu`事件和JavaScript来处理用户的操作。以下是一个简单的示例： ```html <!DOCTYPE html> .save-image { width: 100px; ...
uni-app app实现web-view H5图片长按下载
02-28
在这个场景下，我们可以借助mui的事件监听和处理能力来模拟图片长按事件，实现下载功能。 1. **引入mui.min.js** 在uni-app的H5页面中，你需要先引入`mui.min.js`，通常在HTML文件的`<head>`标签中加入以下代码： ...
uniapp 长按保存图片功能
zq15517069607的博客
06-14 2295
前端根据div生成base64位图片，下载到手机
uniapp小程序长按保存图片
qq_54646196的博客
03-09 1536
uniapp自带属性show-menu-by-longpress设置true微信小程序长按图片就会出现下图展示效果。点击下载长按下载自动保存转发收藏
Uniapp中图片预览，并且进行长按图片保存
努力的nana
03-05 602
【代码】Uniapp中图片预览，并且进行长按图片保存。
uni长按保存图片
m0_67080187的博客
03-29 452
就一个小细节，图片路径不能是本地路径，要换成网络路径 // 长按保存 longpress() { uni.downloadFile({ url: 'https://www.xinanzulin.com/images/chat.jpg', //不能是本地，只能是网络路径 success: (res) => { if (res.statusCode === 200) { uni.saveImageToPhotosAlbum({
【uniapp】实现长按保存图片功能
spicyIsPleasant的博客
01-13 178
uniapp中预览图片的时候，长按图片保存到系统相册
qq_41186730的博客
05-21 4044
1.预览图片用到了uniapp提供的previewImage uni.previewImage({ urls: this.list[index].pics, //预览的图片数组 current: this.list[index].pics[i], //点击预览时，显示的那一张图片 longPressActions: { itemList: ['保存图片'] //长按预览图片时显示的操作菜单 } }) 2.下载图片用到了uniapp提供的downloadFile 下载文件资源到本地，客户端直接
uniapp长按保存网络地址图片到本地
weixin_50755029的博客
09-24 491
虽然理论上 uni.saveImageToPhotosAlbum 也不能直接处理网络地址，但如果你使用的是阿里云的 OSS（对象存储服务），并且图片地址支持直接访问（即不需要额外的签名或权限验证），那么在某些情况下，UniApp 可能能够通过这个地址直接保存图片到相册。你可以使用 uni.downloadFile 方法来下载图片，下载成功后会得到一个临时文件路径，然后再将这个路径传递给 uni.saveImageToPhotosAlbum` 方法来保存图片。它需要的是一个可以直接访问的本地文件路径。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值