【发布时间】：2013-04-23 17:56:47
【问题描述】：
我有 2 张图片：
- 一个 250 x 250 像素的白色正方形 (image1.png)
- 一个 250 x 250 像素的黑色正方形 (image2.png)
我想使用 JavaScript 创建一个名为 image3.png 的新图像
var image3 = new Image();
image3.src = "image1.png";
image3.src = "image2.png";
运行此代码时，谷歌浏览器会将这些图像保存在本地，因为它们在创建 Image() 的过程中使用。
有什么办法可以将image3转成image3.png并阻止谷歌浏览器将image1.png和image2.png保存在过程？
【问题讨论】：
-
为什么需要这样做？
-
@minitech 我正在尝试找到一种覆盖图像的方法，以便阻止用户下载图像。如果我可以做到这一点，用户只有将鼠标悬停在缩略图上时才能看到图像，并在鼠标移开时覆盖该图像，我可以阻止他们进入 Google Chrome 开发者工具从页面保存的资源中下载原始图像。跨度>
-
这是不可能的。为了让用户看到图像，他们需要能够以某种形式下载它。尽量不要打扰，或者给完整版加水印，或者其他什么。
-
@minitech 我知道使用 JavaScript 从缓存中删除图像是不可能的，但是如何创建一个具有相同名称的新图像来替换旧图像？
-
你不能！ （除非您发现哈希冲突，否则可能。）即使在连续加载时从同一路径提供不同的图像，如果浏览器使用它们，也会将它们放在不同的临时文件中。
标签： javascript image image-processing