uni-app 禁止用户下载图片资源

原创 已于 2022-11-09 10:20:10 修改 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app

于 2022-11-09 10:19:25 首次发布
该博客探讨了如何在移动端应用中实现图片预览功能，包括使用uni.previewImage API来展示图片，并详细介绍了如何禁用长按事件和添加遮罩层以优化用户体验。此外，还讨论了图片预览中的菜单显示控制，为移动应用开发者提供了实用的解决方案。

uni.previewImage({ current: src, // 当前显示图片的http链接 urls: [src], showmenu: false, })

或者直接加一层遮罩

再或者 禁止 图片的长按事件

Edwin_jada
关注
uni-app学习---项目搭建、配置、设置导航栏
ChenLingZhi1115的博客
06-04 2721
uni-app分编译器和运行时（runtime）。uni-app能实现一套代码、多端运行，是通过这2部分配合完成的。总：编译器将开发者的代码进行编译，编译的输出物由各个终端的runtime进行解析，每个平台（Web、Android App、iOS App、各家小程序）都有各自的runtime。uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、h5以及各种小程序(微信/支付宝/百度/头条/qq/钉钉)等多个平台。
uni-app实现用接口编写新闻
weixin_69352142的博客
06-22 1635
uni-app是一个使用 vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
uniapp禁止h5长摁保存图片，pc禁止右键另存为
王佩健的博客
05-23 933
在APP.VUE里增加。
华为手机长按图片无法下载
weixin_38738146的博客
09-10 1663
手机浏览器图片长按无法下载之华为手机的限制问题（uniapp实现的H5推广海报图片点击下载问题） 直接上代码 解决问题的核心代码 make_canvas(img01, img02, scale) { img02.tempFilePath = this.qrcode; const query = uni.createSelectorQuery().in(this); var system_info = this.system_info; let ww = s
UNI-APP_uni-app长按保存图片，uni-app长按事件
小歪博客
10-19 2066
<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安卓ios展示pdf（禁止下载）
clearboths的博客
09-24 1782
unipp移动端展示pdf
app内嵌H5，禁止图片长按保存。
luojingonline的博客
07-30 3595
一、第一种方法： img{ pointer-events:none; } 缺点：会禁止掉点击事件。 二、第二种方法： img{ user-select:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } 三、第三种方法： img统一用background实现。 四、第四种方法: img上面...
uni-app中图片视频混播卡顿优化方案
对于图片资源，应优先采用现代图像格式如WebP或AVIF，它们在保证视觉质量的前提下可显著减小文件大小。相比传统的JPEG/PNG格式，WebP平均能节省30%以上的体积。而对于视频资源，则建议使用H.265（HEVC）编码而非H....
uni-app 中使用背景图片
09-29
在uni-app中使用背景图片，可以在标签中添加以下样式代码： ``` page { background-image: url('/static/bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center ...
uni-app运行到浏览器跨域H5页面的跨域问题解决方案.docx
10-26
但有时候可能会遇到图片加载失败的问题（通常表现为403错误），这是因为服务器禁止了引用来源不同的资源加载。 #### 四、解决图片403问题 为了处理图片加载失败的情况，可以通过添加自定义的`<meta>`标签来控制...
uniapp解决文件及图片下载预览
10-24
uniapp解决文件及图片下载预览
禁止下载的4种方法禁止下载的4种方法
06-08
四种禁止下载软件的方法。禁止下载的4种方法
uniapp 如何实现防抓包？
最新发布
我的ID：sumer-work（全网同名）昵称：程序员SUMER（全网同名）
06-26 924
uniapp防抓包基本都是在Android端下完成,本人也去接触了一些防Z包的技巧,但是都是针对原生的,比如检测代理上网是一种非常有效的方式,正常的移动端上网是不需要代理上网的,所以根据这一点来判断是否有非分之想,所以我们的uni是否也能有类似的功能来检测客户端是否使用代理上网来做些安全防范?类 WG啥的,我本身是用uniapp做的H5g a m e 项目,别问我为啥不用原生来做,年龄告诉我不能再学习双端原生开发,说白了就是不会呗,而我们uni能做双端胜似原生,返回正题,大部分的。
微信小程序开发点击图片放大预览&&禁用保存功能
chenzhezhong的博客
11-29 1425
微信小程序开发点击图片放大预览&&禁用保存功能
解决uniapp APP图片预览长按保存到相册的问题
qq_43211876的博客
10-18 3172
解决uniapp APP图片预览长按保存到相册的问题 如果你的app图片无法在预览时保存到相册，那就试试我这个方法吧。 <view @tap="previewImage">打开预览</view> data() { return { images: [], //预览的图片列表 } }, onLoad(){ this.getImages() }, methods: { //获取图片列表 getImages(){ //在这里调接
安卓uni.previewImage预览file://本地图片失败，一直转圈
永远行进
03-17 9124
背景 自己开发的安卓原生插件，会返回安卓绝对路径形式的图片，如：file:///data/user/0/com.sample.test/cache/20220316.jpg 这是在应用的cache目录下直接写入的图片。 返回到uniapp端后，在template中通过组件能正常显示图片。但通过uni.previewImage预览图片的话会一直转圈： 参数为： { "current": 0, "urls": ["file:///data/user/0/com.sample.test/cach
小程序权限设置：小程序下载图片保存到相册拒绝权限后，再次打开权限的解决方案
qq_42961150的博客
10-09 7086
小程序下载图片保存到相册功能，首次操作会提示：保存图片或视频到你的相册，有‘拒绝’和‘允许’两个选项，如果选择了拒绝就会保存失败：saveImageToPhotosAlbum:fail auth deny，那么后续想打开该权限又该怎么操作呢？ 这里示例运用的是uniapp框架，如果是用微信小程序官提供的框架，就把uni替换成wx 知识点： uni.openSetting(OBJECT) 调起客户端小程序设置界面，返回用户设置的操作结果。具体可以参考官网说明：https://uniapp.dcloud.i
浏览器h5禁止长按图片保存
weixin_45573681的博客
04-27 1949
浏览器h5禁止长按图片保存
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值