在新标签/窗口中打开图像而不触发下载

Open image in new tab/window without triggering download

本文关键字：图像 下载 新标签 标签 窗口      更新时间：2023-09-26

我正在尝试使用此简单的代码在新选项卡中打开图像。

window.open(file.url);

该文件是一个.jpg文件，我的浏览器是Chrome。它不会在新选项卡中显示图像，而是触发下载窗口并要求我将其下载到我的 PC。

这是JavaScript问题吗？还是默认的 Chrome 设置？我已经用谷歌搜索了一段时间，有些人建议这可能是MIME类型的问题，但我无法控制来自服务器的图像。

任何建议将不胜感激。

正如@Lachlan Walls在评论中建议的那样，您可以打开一个空白选项卡并编写带有img标签的简单html：

const image_window = window.open("", "_blank")
image_window.document.write(`
      <html>
        <head>
        </head>
        <body>
          <img src="https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg" alt="Example" height="100%" width="100%">
        </body>
      </html>
`);
相关文章：