网页怎样尽可能禁止用户复制图片地址？

[kisshere]

我想过用 js 禁止右键，禁止拖拽到地址栏或者图片覆盖一层 div ，还有没有比较巧妙的方式禁止用户复制图片地址？

[ladypxy]

没有任何办法, F12 现原形

[wolfie]

canvas

[shuxhan]

禁止右键，禁止拖拽，禁止 f12 （可以在 js 还没加载出来提前 f12 ），混淆 Elements 代码
我觉得防盗链是最好的方法了。

[pytth]

只能骗骗小白，说不定小白学一下，也能会用 F12 去获得图片地址。

[ColinLi]

防盗链

[AllenCai]

blob 试试

[SingeeKing]

canvas 画正解（不过不能防止从开发者工具中看到）

[kop1989smurf]

禁止用户复制图片地址 x

图片防盗链 /更换图形的展示方式（比如楼上说的用画布） √

[wangtian2020]

只能防`君子`防不了`小人`

[RomeoHong]

不要将网页对外开放就好了

[dcncy]

域名白名单

[tulongtou]

@shuxhan 不一定非要按 F12 啊，知道网页地址了看图片链接那还不容易么

[Jooooooooo]

什么伪需求.

你想要的是防盗链吧.

[muhuan]

1. 图片不大的话，直接 base64 放进去，可能影响页面加载速度；
2. 自定义协议，js 端去处理，这样即便拿到链接，无法直接用；

[hgc81538]

用 background-image, 加 pointer-events: none

[gam2046]

防止小白，这两个任选其一：

- blob url
- canvas.drawImage

[killva4624]

以前见过有人把图片放 Flash 里...

[Light3]

你的需求 加禁止鼠标点击应该可以 参考某 dn 论坛
如果目标是防止图片被盗用 那就是防盗链咯

[tool2d]

blob 和 canvas 可以一定程度加密原始图片 url ，但是没办法防止用户截屏，还是治标不治本。

[jamosLi]

svg canvas