<a href=/user/test/xxxx.txt download=filename.txt>クリックしてダウンロード</a>
このようにして、ユーザーがブラウザを開いてリンクをクリックすると、ファイルが直接ダウンロードされます。
ただし、ブラウザが直接開くことをサポートしている txt、png、jpg などのファイルは、ダウンロード タスクを実行せずにファイルを直接開く場合があります。この場合、ダウンロード属性を追加する必要があります。 a タグ。
以下は例です<a> タグに移動してファイル パスを表示し、パスのプロンプトに従ってファイル パスを入力します。
<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>クリックしてダウンロード< /a> </body> </html>
Web ページからアップロードされた画像をダウンロードする必要がある場合は、次の方法を使用できます。
ホストのドメイン名を取得します。
場所.ホスト名
ポート番号を取得します。
場所.ポート
2. ボタンを使用して監視しますボタン監視は 2 つの方法に分けられます。
1 つは window.open() です。 var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2); //ファイルをダウンロードするための既知のバックエンド インターフェイス: https://codeload.github.com/douban/douban-client/legacy master //メソッド 1: window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master); 2つ目はフォーム送信です//方法 2: フォーム経由 $eleBtn2.click(function(){ var $eleForm = $(<form method='get'></form>); $eleForm.attr(action,https://codeload.github) .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); //ダウンロードするフォームを送信します $eleForm.submit(); });要約する上記は、編集者が紹介した HTML ページ上でクリックしてファイルをダウンロードする 2 つの実装方法です。ご質問があれば、メッセージを残してください。編集者がすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！