单击按钮下载 base64 图像
Download base64 image on button click
我目前在我的页面上提供一个二维码,使用 this plugin for laravel 构建(我正在使用 Laravel)。
我生成的代码是:
<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} ">
现在我想让用户能够下载这个二维码,不是通过右键单击并点击下载图片,而是在它旁边有一个按钮,它正好下载这个图片,或者(可能会更容易)点击就是那个二维码图片下载了。
我怎样才能做到这一点?
尝试将下载属性添加到按钮,如此处所述
代码示例:
<a href="data:image/png;base64, {!! base64_encode(QrCode::encoding('UTF-8')->format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} " download="filename.png">
<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} ">
</a>
我目前在我的页面上提供一个二维码,使用 this plugin for laravel 构建(我正在使用 Laravel)。
我生成的代码是:
<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} ">
现在我想让用户能够下载这个二维码,不是通过右键单击并点击下载图片,而是在它旁边有一个按钮,它正好下载这个图片,或者(可能会更容易)点击就是那个二维码图片下载了。
我怎样才能做到这一点?
尝试将下载属性添加到按钮,如此处所述
代码示例:
<a href="data:image/png;base64, {!! base64_encode(QrCode::encoding('UTF-8')->format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} " download="filename.png">
<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} ">
</a>