Question

我正在尝试使用这个简单的代码在新标签页中打开图像。

window.open(file.url);

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

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

任何建议都将受到赞赏。

Answer 1

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

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

1 个答案: