取得したfile objectを、submitの対象にするには？

Question

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>"
        );

Answer 1

file objectを格納しているリストをグローバル変数化し、
submit時にformdata.appendでform情報として追加します。