JavaScriptを入力タイプ= "ファイル"に添付するファイル

Question

JavaScriptで生成されたファイル（最大数MB）をサーバーに送信する必要があります。私はPOST（ajax POSTではなく）でそれを行う必要があります。

JavaScriptでinput type = "file"にファイルを追加するにはどうすればよいですか？ Pre-Populate HTML form file inputによると、セキュリティ上の理由から可能ではないようです。しかし、私はブラウザでファイルを作成しますが、これはセキュリティの問題ではありません。

ファイルをテキストとして他のタイプの入力に貼り付けることができます。しかし、私はそれが正しいと感じない。

ここに解決策はありますか？ブラウザからファイルをファイル入力する方法はありますか？それとも他の入力でもOKですか？入力要素なしでファイルをPOSTにパックする方法はありますか？

ザ・は私が使用したいことができます：あなたが生成されたファイルを送ることができ

$("#button").click(function(e) { 
    $('#file').val(export_pdf()); 
    $('#form').submit(); 
}); 

Answer 1

ファイルを作成し、HTMLフォームの入力に添付することはできませんが、いるFormDataオブジェクトを使用してサーバーをポストリクエストの一部として実行します。あなたのサーバーに送信されたJSによって生成されたファイルの同じ結果を得る必要があります

var formData = new FormData(); 

// JavaScript file-like object 
var content = '<a id="a"><b id="b">hey!</b></a>'; // the body of the new file... 
var blob = new Blob([content], { type: "text/xml"}); 

formData.append("webmasterfile", blob); 

var request = new XMLHttpRequest(); 
request.open("POST", "http://foo.com/submitform.php"); 
request.send(formData); 

：MDNから引き出さ

。