特定のURLをQRコード画像化して、リンクをワンクリックするだけで特定の名称でダウンロードされるようにしたいと考えております。
a href downloadで検索して出てきたサイトの次のサンプルでは目的通りにダウンロードされることが確認できました。
HTML
1<a href="../../image/design/tagindex_mini.gif" download="TAGindex.gif">ダウンロード</a>
しかし次のようにJavaScriptで生成したURLの場合、リンクをクリックすると通常のリンクのようにページを移動してしまいます。
また、右クリックからリンク先を保存とするとpngで保存することは出来ますが、ファイル名は引き継がれません。
HTML
1<script type="text/javascript"> 2 document.write('<a href="https://api.qrserver.com/v1/create-qr-code/?data=google.com" download="グーグルのHP.png">(DL-QRcode)</a>'); 3</script>
どのようにしたらワンクリックでダウンロード出来るようになるのでしょうか。
なお、対応させる必要があるブラウザはPC版のGoogle Chromeのみです。
以上、よろしくおねがいします。
追記
JavaScriptを使用せずに試した結果、次の例ではただのリンクになってしまいました。
HTML
1<a href="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" download="あああ.png">あああをダウンロード</a>
次の例ではワンクリックでダウンロードできました。
HTML
1<a href="qrcode.png" download="QRコード.png">QRコードをダウンロード</a>
同一のホストでないと動作しないような制限があるのかもしれません。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/10/15 08:55