微信浏览器禁止复制文本和图片

微信浏览器禁止复制文本和图片

大家好,又见面了,我是全栈君。

1、禁止复制文本

html页面增加

<style>
    *{
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
    }
</style>复制代码

2、禁止

img标签增加样式

<img  style="pointer-events:none" src="xxx.jpg">复制代码

3、php代码示例,常用于后台通过富文本编辑器上传的图文内容,数据存储到数据库,前端查询数据进行展示,处理图文禁止复制、图片居中,测试结果页面在IOS和安卓微信中没问题,其他浏览器可能存在兼容性,解决办法微信禁止分享以及使用oauth;

//调用resetImageLabel方法,传入数据库取出来的HTML代码,前端页面进行展示;
$sHtml = '数据库获取的HTML代码';
resetImageLabel($sHtml); 复制代码

/**
 *  功能:正则替换,给IMG标签增加属性
 *  pointer-events: none,该属性实现了禁止复制
 *  width:100%; display: inherit; 设置图片居中
 */
function resetImageLabel($sHtml) {
   return preg_replace('/<\s*img([^>]*)>/i', '<img style="pointer-events:none; width:100%; display:inherit;" $1>', $sHtml);
}复制代码

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107750.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python 实现字符串反转的9种方法[通俗易懂]

    在做leetcode的试题中,做到反转整数,就涉及到字符串反转,为了尽可能可以写出更多的方法,于是写下这篇文章 样例:如a=’123456789′ 反转成a=’987654321’第一种方法:使用字符串切片&gt;&gt;&gt; a=’123456789′ &gt;&gt;&gt; a = a[::-1]’987654321’第二种方法:使用reversed()…

    2022年4月8日
    105
  • CICD介绍「建议收藏」

    CICD介绍「建议收藏」CICD一概要CICD的采用改变了开发人员和测试人员如何发布软件最初是瀑布模型,后来是敏捷开发,现在是DevOps,这是现代开发人员构建出色的产品的技术路线。随着DevOps的兴起,出现了持续集成(ContinuousIntegration)、持续交付(ContinuousDelivery)、持续部署(ContinuousDeployment)的新方法。传统的软件开发和…

    2022年5月16日
    45
  • Java面试题(3)

    Java面试题(3)

    2021年8月24日
    72
  • 各Liunx安装cockpit

    各Liunx安装cockpitFedora安装sudodnfinstallcockpit开启cockpit:sudosystemctlenable–nowcockpit.socket加入防火墙策略sudofirewall-cmd–add-service=cockpitsudofirewall-cmd–add-service=cockpit–permanentRedHat…

    2025年6月30日
    2
  • npm卸载模块(nodejs原生模块npm)

    npmuninstall模块 删除本地模块时你应该思考的问题:是否将在package.json上的相应依赖信息也消除?npmuninstall模块:删除模块,但不删除模块留在package.json中的对应信息npmuninstall模块–save 删除模块,同时删除模块留在package.json中dependencies下的对应信息npm

    2022年4月10日
    96
  • linux中文输入法

    linux中文输入法

    2022年2月4日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号