在新选项卡/窗口中打开图像而不触发下载答案

【问题标题】：Open image in new tab/window without triggering download在新选项卡/窗口中打开图像而不触发下载
【发布时间】：2020-02-24 22:04:07
【问题描述】：

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

window.open(file.url);

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

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

任何建议将不胜感激。

【问题讨论】：

这是一个 MIME 类型问题，是的。是否可以打开一个新页面，其中包含 <img> 元素，其中包含图像 src？

标签： javascript html

【解决方案1】：

根据 cmets 中 @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>
`);

【讨论】：