取得したfile objectを、submitの対象にするには?
javascriptで、drag&dropされたファイルのfile objectを取得しており、そのファイル情報を画面に出力しています。
ファイル情報出力時、input type="file"タグに取得ファイルを設定して画面に出力することはセキュリティ上できないようなので、Pタグで表示していますがsubmitボタン押下時のsubmit対象にはなりません。
取得し、画面出力しているfile objectを、submitボタン押下時のsubmit対象にしたいのですが、どのようにsubmitの対象にすればよいか分かりません。
方法が分かる方がいましたら、ご教授をお願いします。
また、ファイルがdrag&dropされるたびに送信する方法は無しでお願いします。
・file object取得時ソース
var files = e.target.files
・画面出力時ソース
fileは取得したfile objectです
Output(
"<p id = 'MessageParagraph'>name: <strong>" + file+
"</strong> size: <strong>" + file.size +
"</strong> bytes" +
"<input id = 'Cancel' type = 'button' onclick = 'this.parentElement.remove()' value = 'Cancel' />" +
"</p>"
);