更新记录

1.0.3(2023-03-22) 下载此版本

更新文档

1.0.2(2023-03-22) 下载此版本

更新文档

1.0.1(2023-03-22) 下载此版本

修正h5端能够查看闪照的问题

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × ×

简介

orange-flash-img 是一款带有防截屏防录屏功能的闪照插件

图片展示部分依赖uni-popup插件 请自行引入

  • 图片url支持base64和网络图片
  • 支持图片加载完成前占位
  • 支持屏蔽H5端(防止F12查找图片原始链接)
  • 图片查看结束支持回调

使用示例

    <orange-flash-img 
    @flashDestroy="flashDestroy" 
    :imgUrl="url" 
    :imgStyle='style'
    ></orange-flash-img>
    <script>
        export default {
            data() {
                return {
                    style:{width:"250px",height:"150px"},
                    url:"data:image/jpeg;base64,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"
                    }
                }   
            },
            methods: {
                flashDestroy(){
                    console.log("闪照销毁了")
                }
            }
        }
    </script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问