在 URL 下载图片

Question

我在 URL 中有一个二维码

我想点击一个按钮并下载URL中的QR图像

URL: https://quickchart.io/qr?text=http://tapo.app&dark=000&light=fff&ecLevel=H&margin=1&size=500¢erImageSizeRatio=0.4¢erImageUrl=https://app.tapo.app/Logo-大.png

是否可以使用 PHP 或 Javascript？

我还没弄明白。

Answer 1

您可以使用fetch将内容作为 blob 获取，然后创建一个具有 download 属性的<a>元素。 单击锚点将下载图像。

fetch('https://quickchart.io/qr?text=http://tapo.app&dark=000&light=fff&ecLevel=H&margin=1&size=500%C2%A2erImageSizeRatio=0.4%C2%A2erImageUrl=https://app.tapo.app/Logo-Big.png').then(res => res.blob()).then(blob => {
    let url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'Image.png';
    a.click();
    URL.revokeObjectURL(url);
});