APP中的图片如何长按可以下载并保存图片到相册

最新推荐文章于 2022-10-10 14:33:20 发布
最新推荐文章于 2022-10-10 14:33:20 发布
阅读量5.1k 收藏 1
点赞数
文章标签： javascript ViewUI

直接上图

方式一：

 

实现方式二：

 方式三：

weixin_33834075
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
长按保存图片
02-29
长 按 屏 幕 上 的 图 片 ，图 片 保 存 在 特 定 的 路 径 下
关于uni-app的长按保存图片功能
最新发布
wasd2399的博客
04-28 338
长按保存图片
Android实现在webview中长按图片弹出菜单保存图片
热门推荐
xiaoguiyixue的博客
02-16 1万+
Android实现在webview中长按图片弹出菜单保存图片在项目中遇到一个保存webview中二维码图片的问题，做个笔记。 效果如图： 用到webview的三个方法： getHitTestResult()——Gets a HitTestResult based on the current cursor node getType()——Gets the type of t
长按图片保存到本地
11-13
代码功能是用webview固定加载一个只有一张图片的网页，然后长按可保存至本地，用as编写.
uni-app下载图片（新手上路）
ycg的博客
08-09 1169
app端下载图片 this.$h5Util.interaction('保存图片', '是否保存到本地相册').then(res => { if (res == 1) { // const downloadTask = uni.downloadFile({ url: this.str, //这里为
Android实现长按图片保存至相册功能
08-31
在Android开发中，实现长按图片保存至相册的功能是一项常见的需求，它允许用户保存应用内显示的图片到他们的设备相册。下面我们将详细讨论如何实现这个功能，并结合提供的代码片段进行解析。 首先，我们需要监听...
Android 的WebView长按保存图片
12-28
根据业务需要，WebView上经常会用到长按保存图片的功能，现在做一个Demo，希望能够帮到有用的童鞋。简述请看博文：http://blog.csdn.net/geofferysun/article/details/53900625
uniapp小程序绘制二维码生成图片保存到本地
06-24
今天用uniapp写小程序二维码并保存到本地，网上的完全没有用，最后自己写了一个， 1.使用weapp.qrcode生成二维码，并使用uni.canvasToTempFilePath生成临时图片文件， 2.使用canvas绘制二维码， 3.使用uni....
Android仿简书长按文章生成图片效果
08-31
这个功能在简书APP中尤其受到用户喜爱，它允许用户将文章内容转化为一张长图片，便于保存或分享。以下我们将详细讨论如何实现这一功能。 首先，我们要处理文章页的内容展示。在Android中，通常会使用`WebView`来...
长按图片将图片保存到相册
莯滢
11-25 1698
-(void)longTopAction:(UILongPressGestureRecognizer*)tap {     if (tap.state == UIGestureRecognizerStateBegan) {         UIAlertView *alert=[[UIAlertView alloc] initWithTitle:@"是否要保存图片"          
Android长按图片保存至相册
vv_bug
01-22 4083
前言：前面写了一篇reactnative的学习笔记，说reactnative的android框架中有很多福利，确实是的，也说到了我们app中的一个把图片保存到相册的功能，好吧，还是准备写一篇博客，就当笔记了～先上几张app的图片：一进app就是一个进度条加载图片（我待会也会说一下进度条view跟怎么监听图片加载过程）： 图片加载完毕后：长按图片进入相册可以看到我们保存的图片：监听图片加载的load
H5页面长按保存图片的功能
idweiwei的博客
01-24 8539
1.使用CSS属性 -webkit-touch-callout:default; 可以编辑使改元素长按可保存，但是注意着只是写入了 草案的一个属性。但是在实际使用中并没有发现问题   2. 在需要对元素垂直居中的时候可以使用 position:absolute; top:50%; tranform:translateY(-50%） 使用元素垂直居中，因为transform 百分比对...
android 获取apk中的素材图片
谢岩的博客
04-19 1万+
昨天，当我制作app的登录界面时，需要部分图片素材，可是我的公司没有UI工程师来为我制作图片资源，怎么办呢？看到别的app的图片很适合我的app所需图片，老板说直接可以直接从别的app获取图片资源，我以前没有这样做过，现在在网上查了一下资料，发现果然好简单。最后获取了所需的图片资源，现在记录一下，避免以后还需要查找资料。 今天该大家介绍一个小技巧，能快速获取的apk中的素材信息， 首
教你如何实现长按图片保存到相册
华为开发者联盟
07-29 8144
场景描述 微信小程序中，存在一个很方便的功能，即长按图片可以保存到手机相册，目前华为快应用没有直接的接口可以实现，如下介绍如何通过事件触发来实现该功能。 实现思路 快应用组件均支持通用事件longpress（长按），于是考虑用image组件渲染图片，然后在image组件上实现longpress事件，触发图片保存到手机相册的功能。 解决方法 代码如下： <template> <divclass="doc-page"> <divclass="pag...
APP中的图片如何长按可以下载并保存图片到相册出错处理
07-13 668
https://www.cnblogs.com/interdrp/p/9302164.html 接上文。 如果用户在保存图片过程中，不小心拒绝了相册的访问权限 转载于:https://www.cnblogs.com/interdrp/p/9305951.html...
如何提取小程序/APP/网页里图片视频，小程序APP素材抓取软件批量下载图片音频?
luckyvienna的博客
06-06 4894
如何提取小程序/APP/网页里图片视频，小程序APP素材抓取软件批量下载图片音频?
iapp导入源码使用教程,iapp保存图像代码教程
aifamao6的博客
10-10 2118
3是选择软件的图标4是选择男二可制作软件的选项v5是升级版的不过需要付费，我建议选择v35是要填入包名这个随便填只不过这个不能填入中文群主中文之后就无法打包了6、点击创建软件进入到该用的制作界面如图界面可以测试应用也是管理界面的控件是添加和设置属性。一般情况下是不可能的（除非公开源代码的），一般软件肯定都有加密措施，不然的话，就不会告微软垄断、要求微软公开源代码了！一般情况下是不可能的（除非公开源代码的），一般软件肯定都有加密措施，不然的话，就不会告微软垄断、要求微软公开源代码了！
vue编写APP长按保存图片至本地
06-02
要实现在Vue编写的APP中，长按保存图片至本地，可以参考以下步骤： 1. 首先，在Vue组件中引入HTML5的FileSaver库，用于将文件保存到本地。 ``` npm install file-saver --save ``` 2. 在需要保存图片的地方，添加一个长按事件（例如长按图片），并获取图片的URL。 ``` <template> <img src="your-image-url" @touchstart="onLongPress"> </template> <script> import { saveAs } from 'file-saver'; export default { methods: { onLongPress(e) { e.preventDefault(); const imgUrl = e.target.src; // ... }, }, }; </script> ``` 3. 接下来，使用XMLHttpRequest获取图片数据，并将其转换为Blob对象。 ``` const xhr = new XMLHttpRequest(); xhr.open('GET', imgUrl, true); xhr.responseType = 'blob'; xhr.onload = () => { if (xhr.status === 200) { const blob = xhr.response; // ... } }; xhr.send(); ``` 4. 最后，使用FileSaver库将Blob对象保存为文件。 ``` const fileName = 'your-file-name.png'; saveAs(blob, fileName); ``` 完整示例代码： ``` <template> <img src="your-image-url" @touchstart="onLongPress"> </template> <script> import { saveAs } from 'file-saver'; export default { methods: { onLongPress(e) { e.preventDefault(); const imgUrl = e.target.src; const xhr = new XMLHttpRequest(); xhr.open('GET', imgUrl, true); xhr.responseType = 'blob'; xhr.onload = () => { if (xhr.status === 200) { const blob = xhr.response; const fileName = 'your-file-name.png'; saveAs(blob, fileName); } }; xhr.send(); }, }, }; </script> ``` 注意：由于涉及到文件下载，需要确保浏览器支持download属性，以及用户授权下载。在移动端需要使用touchstart事件，而不是click事件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值