選択したファイルを指定したフォルダに保存したい

Question

実現したいこと

htmlのinput type="file" を使用して指定したファイルを決まった場所のフォルダに保存したいです。

前提

ファイルを指定する方法はinput type="file"で、使用できるのはhtmlとjavascriptだけにしたいです。

発生している問題・エラーメッセージ

input type="file" で選択したファイルをコピーして保存したいのですが、そもそもそれが可能なのかもよくわかっていない状況で質問しています。自分がしたいことと似たようなことをしているサイトがいくつかあったので参考にしてみましたが、うまく動作しませんでした。もし実際にそれができるとしたら、その方法について教えていただきたいです。

該当のソースコード

html

<input type="file" id="file_id" onchange="saveimage(this.id)">

javascript

function saveimage(id) {
    var a = document.createElement('a');
    a.href = 'c:\~~~';
    a.setAttribute('download', document.getElementById(id).files[0].name);
    a.click();
}

試したこと

補足情報（FW/ツールのバージョンなど）

Answer 1

ウェブページから指定したディレクトリにファイルを保存させる手段はありません。

おそらく質問者さんが参考にしたページや情報は、Blob をダウンロードさせる手法かと思います。この場合はブラウザの規定のダウンロードディレクトリやユーザが選んだダウンロードディレクトリにファイルをダウンロードします。

それとは別に、showSaveFilePicker() や showDirectoryPicker() でユーザに保存先を選んでもらって、ウェブページがその場所に書き込むということは可能です。

Comments

[python_biginer]

回答ありがとうございました。showSaveFilePickerなどについては知らなかったので、使い方について調べてみます。