JavaScriptを使ったファイルのダウンロード

Question

現在、下記のソースでJavaScriptを使ったファイルダウンロード処理を作成しています。

var xml = new XMLHttpRequest();
xml.open("GET", "C:¥¥work¥¥〜以下省略", true)

実際に処理を流すとopenのところで引数が無効とエラーになってしまいます。
ファイルが存在していることは確認済みです。

すいませんがご教授よろしくお願いします。

Comments

[yambejp]

C:\・・・ということはユーザー自信のローカルのファイルをつかもうとしているということで間違いないですか？それはダウンロードとは趣旨が違うような気がしますが具体的に何をしたいのでしょうか？WEBページからローカルへのアクセスは禁止されるので困難かもしれません

[Oskr]

現在はテスト段階ということでローカルのパスを設定しています

[Oskr]

ローカルにCSVファイル作成→それをブラウザからダウンロードといった流れを想定しています

[yambejp]

基本的にローカルのファイルはXHRではとれません、またローカルのファイルをダウンロードするというのも意味がつうじません

Answer 1

ローカルのファイルへのアクセスはできないものと考えて下さい
仮にサーバー上のファイルをダウンロードさせたい場合は

<a href="" download="xxx">xxx</a>

と言ったHTMLのダウンロードの仕組みをエミュレートしてダウンロードのダイアログを
ださせるか、サーバー側でダウンロード用のhttpヘッダを発行させることで
ダウンロードを実現します

Comments

[Oskr]

質問なのですが、ローカルでなくネットワーク上にファイルを置けばアクセスできるのでしょうか？
\000.00.000.00\work～というようにやってもエラーが出てしまったのでやはり難しいのでしょうか？

[yambejp]

xhrで処理するのですから最低でもhttpプロトコルでアクセスしないとダメでしょう
またxhrはドメインを超えられないのでそれも厳しいです
簡単にやりたいならローカルPCにhttpdを導入して、自分宛てに公開することです
ただ、それってものすごく意味がないように見えますが・・・

Answer 2

linux環境での回答であるため, 間違いがあるかもしれません.

---

openメソッドがエラーを発しているのはローカルのパス文字列がwindows形式の絶対パスで記述されているためと思われます.

テスト用途であればスクリプトを実行しているHTML文書からみた/区切りの相対パスを指定して下さい.

const req = new XMLHttpRequest();
req.open("get", "text/test.txt");//例えば
req.responseType = "blob";
req.onloadend = e => console.log(req.response);
req.send();

NOTE:
なおfile://をURLの先頭に付加する方法もありそうです.