PDF ファイルを表示せずに直接ダウンロードしたいのですが、これまで次のことを試しましたが、何も役に立ちません。
1- window.open("https://s3-link1.pdf", 'Download');
2- <a href="https://s3-link1.pdf" download>Link</a>
リンク - https://s3-link1.pdf
私のドメインは https://www.somedomain.com であると仮定します
クロスオリジン ファイルはダウンロードできないとどこかで読んだことがあります。 content-disposition ヘッダーはバックエンドから渡される必要があります。ここで私は困惑しています。クロスオリジンの別の CSV ファイルが簡単にダウンロードされます。
https://s3-link2.csv
JavaScript を使用して PDF ファイルをダウンロードするだけです。導いてください。
そうではないe コンテキストについて。リンクを右クリックして [名前を付けて保存...] を選択できます。コンテキスト メニューから。
– ハッカペ
2020 年 9 月 3 日 12:02
ブラウザ コンソールにコピー&ペーストして、現在表示しているページからリンクを一括ダウンロードできるスクリプトが必要ですか?
– ハッカペ
2020 年 9 月 3 日 12:03
URL にヒットする限り、彼女が何を意味するのか考えます。 Fファイルは自動的にダウンロードされます
– シャバム・ヴェルマ
2020 年 9 月 3 日 12:07
------------------------
フェッチを試してください。
fetch("https://s3-link1.pdf", {
method: 'GET'
}).then(resp => resp.blob())
.then(blob => {
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.style.display = 'none';
a.href = url;
a.download = "name"; // the filename you want
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
})
2020 年 9 月 3 日 12:32 に回答
アヌプ
アヌプ
619
5 個
銀バッジ 5 個
8
銅バッジ 8 個
------------------------
オプション 1:
jQuery を使用すると、これを試すことができます:
$.get("https://s3-link1.pdf", function (result)
{
var blob = new Blob([result]);
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = "myFileName.pdf";
link.click();
});
オプション 2:
download 属性は、MS Edge を含むすべての最新のブラウザで機能しますが、Internet Explorer では機能しません。
最新バージョンの Chrome では、クロスオリジン ファイルをダウンロードできません (ファイルは同じドメインでホストされている必要があります)。
<a href="https://s3-link1.pdf" download>Download PDF</a>
詳細については、このブログをご覧ください: https://actualwizard.com/html-force-download-file
2020 年 9 月 3 日 12:08 に回答
ランプリン
ランプリン
2,713
22
銀バッジ 22 個
45 個
銅バッジ 45 個
2
オプション 2: クロスオリジン リンクは window.open() を使用して機能します。CSV は簡単にダウンロードされますが、PDF の場合はダウンロードされません。なぜそうなのか? Supply-guide.s3-ap-southeast-1.amazonaws.com/…
– プージャ ヴェルマ
2020 年 9 月 3 日 12:19
1
ダウンロードではなく、URL に従っています。そのファイル タイプは「csv」です。ブラウザはそうしますデフォルトのアクションはファイルの保存ですが、'pdf' の場合、デフォルトのアクションはブラウザでファイルを開きます。 「ダウンロード」を使用する場合属性を使用すると、CORS 問題が発生する可能性があります。
– ランプリン
2020 年 9 月 3 日 12:23