webサイトからPDFファイルをDLしてもらうために、
illustratorでPDF保存をして、そのpdfファイルを使ってwebサイトからDLしようとするのですが、
DLしたファイルを開こうとするとこうなってしまいます。
直接DLしたファイルをダブルクリックで開こうとすると
こうなってしまいます。
一応HTMLとjQuery載せておきますが、
以前他のサイトでも同じコードで問題なかったのでコード自体は間違っていないと思います。
※ファイル名は○○にしてあります。
html
1<a href="file/○○.pdf" download="○○.pdf" onclick="javascript: downloadFile('file/○○.pdf', '○○.pdf'); return false;">ダウンロード</a>
javascript
1function downloadFile(url, filename) { 2 "use strict"; 3 4 // XMLHttpRequestオブジェクトを作成する 5 var xhr = new XMLHttpRequest(); 6 xhr.open("GET", url, true); 7 xhr.responseType = "blob"; // Blobオブジェクトとしてダウンロードする 8 xhr.onload = function (oEvent) { 9 // ダウンロード完了後の処理を定義する 10 var blob = xhr.response; 11 if (window.navigator.msSaveBlob) { 12 // IEとEdge 13 window.navigator.msSaveBlob(blob, filename); 14 } 15 else { 16 // それ以外のブラウザ 17 // Blobオブジェクトを指すURLオブジェクトを作る 18 var objectURL = window.URL.createObjectURL(blob); 19 // リンク(<a>要素)を生成し、JavaScriptからクリックする 20 var link = document.createElement("a"); 21 document.body.appendChild(link); 22 link.href = objectURL; 23 link.download = filename; 24 link.click(); 25 document.body.removeChild(link); 26 } 27 }; 28 // XMLHttpRequestオブジェクトの通信を開始する 29 xhr.send(); 30}
多分illustratorからPDFに保存する際に何か行わなければいけないことがあるかと思いますので、分かる方がいらっしゃれば宜しくお願い致します。
回答2件
あなたの回答
tips
プレビュー