javascriptで作成したmidiファイルを指定した先にダウンロードできるようにしたい。

JavaScriptを使ってMIDIファイルを作成するプログラムを
MidiWriterJS を参考に作成しています。

MIDIファイルを作成したのちダウンロードをするのですが、
参考にしているところでは

JavaScript
1//midi作成
2var write = new MidiWriter.Writer(track);
3
4//コンソールにダウンロードURLを表示？
5console.log(write.dataUri());

というように、
コンソール画面にURLを表示してそれをクリックする事でダウンロードできるようになっていました。
最終的に、.mid が完成したら予め指定したフォルダにダウンロードされるようにしたいと考えています。

なので、まずはMIDIファイルの作成が終わったら勝手にダウンロードされるようにしたいと考え、

JavaScript
1var write = new MidiWriter.Writer(track);
2
3//<a>を作成
4const a = document.createElement("a");
5a.download = 'name'; 
6a.href = write.dataUri();
7a.click();

と、このようにする事で
PCを買ったときからデスクトップ上に存在している『ダウンロード』というフォルダにダウンロードされるようにすることが出来ました。

そして、次にダウンロードフォルダに自動的にダウンロードをするのではなく、
指定したフォルダ(例えば『../midifolder』とか) にダウンロードしたいと考え調べたのですが、
わからないまま数日が経とうとしています...。

作成したMIDIファイルを指定した場所にダウンロードするやり方を知っている方、予想できる方、
アドバイスを下さると大変ありがたいです。

m.ts10806

2021/08/24 04:31

>デスクトップの『ダウンロード』フォルダダウンロードフォルダってデスクトップ配下にありましたっけ？デスクトップと同階層の別フォルダだと思いますが。

Ftps

2021/08/24 04:40

多分ですけど規定のダウンロードフォルダではない、個人で作成したものだと思います。

Knomono

2021/08/25 02:37

すみません、その辺り理解しておらず、何となくで書いたので混乱する書き方になっていたかもです。 PCを買ったときからデスクトップにある『ダウンロード』というファイルを想像し言っています。デスクトップにあるダウンロードフォルダのプロパティには『場合：C:\Users\user\Desktop』とあるのですが、これは配下という事になるのでしょうか？でも確かにエクスプローラーの左のところを見ると『デスクトップ』も『ダウンロード』も『PC』の直下に存在しているような？修正しようと思うのですが、どう修正するのが正しいのでしょう？

m.ts10806

2021/08/25 02:46

元々あったのなら自身で作った任意のフォルダではなくシステムの管理下にあるものという解釈になると思います。いずれにしても「無理」と言えます。外部から指定はできません。プログラムからは見えないものだからです。できてしまったら何でも悪さできてしまいますからね。

Knomono

2021/08/25 03:22

『ダウンロード』というフォルダ → PCを買ったときからデスクトップ上に存在している『ダウンロード』というフォルダというように変更しました。(これが正しい表現かわからないですが...。) ご指摘ありがとうございました。

行動規範の内容に同意します

回答1件

ベストアンサー

ダウンロードするフォルダをウェブページから指定することはできません。

Google Chrome など、File System Access API をサポートしているブラウザであれば、showDirectoryPicker()でユーザにディレクトリを指定してもらって、getFileHandle('name.mid', {create:true}) でファイルを作ることが可能です。

(どっちにしても、ウェブページ側でファルダを指定することはセキュリティ上の理由で不可能です。)

以下、サンプルコードです。https:// でのみ動きます。

js
1button.addEventListener('click', async () => {
2  ...
3  let dirHandle  = await window.showDirectoryPicker();
4  let fileHandle = await dirHandle.getFileHandle('name.midi', {create:true});
5  let stream = await fileHandle.createWritable();
6  await stream.write(new MidiWriter.Writer(track).buildFile());
7  await stream.close();
8});