在网页上显示 Content-Type: application/jpeg 结果答案

【问题标题】：display Content-Type: application/jpeg result on webpage在网页上显示 Content-Type: application/jpeg 结果
【发布时间】：2020-04-21 06:32:07
【问题描述】：

我有一个 API 请求 URL，它将自动从浏览器下载并保存 QRcode 图像。

它的Content-Type是application/jpeg，格式是这样的：

application(websiteURl)/egs?cmd=gen_qrcode&customer_id=123&name=abc

斜杠前面是我的应用的 URL，然后是请求的键值对。

当我在浏览器上发布此内容时，它会自动下载二维码 jpg。但是，我想将图像转换为 jpg（或其他图像类型）以显示在我的 Web 应用程序上，并且不想保存它。

当我使用 PostMan 并保存文件时，它会给我标题信息：

Content-Disposition: attachment; filename="filename.jpg";
Content-Type: application/jpeg;

我正在使用 javascript 和 Vue，我想知道是否有办法阻止自动保存并显示图像。

【问题讨论】：

标签： javascript api vue.js

【解决方案1】：

根据我在网上可以找到的信息，application/jpeg 不是有效的 Content-Type 标头。您应该使用相应的标头image/jpg 或image/jpeg。

见Is the MIME type 'image/jpg' the same as 'image/jpeg'? 和https://www.w3.org/Graphics/JPEG/

编辑：您可能还想尝试手动设置（或取消设置）Content-Disposition 标头。

【讨论】：

application/jpeg 和 Content-Type 不是我写的，我想知道我可以在我的 javascript 中更改它吗？
你使用什么样的应用程序作为服务器？
我用Vue和Node.js做前端，后端是java spring。
如果你有图片的 URL，你可以使用 '' 元素来引用图片的 URL？
感谢您的回复。但是我已经尝试了 '' 元素的 src，它只是给了我一张破损的照片。我认为它不是一个有效的图像类型，所以 '' 元素无法读取它。

【解决方案2】：

除了您使用的无效 Content-Type 之外，Content-Disposition: attachment 告诉浏览器保存它而不是显示它。删除它。

【讨论】：

回复来自另一个网站，我可以在我这边（客户端）更改Content-Disposition吗？