javascriptでサイズ変更した画像をinput[type='file']要素には格納できない

program

https://note.com/club_cloud/n/n2be6f64394f3
サイズ変更した画像など自前でjavascript生成したblobデータをinput[type='file']要素に格納することはできないっぽい。
blobデータをbase64文字列にして、input[type='hidden']要素に格納することはできる。
FormDataオブジェクトにblobデータを追加してPOST送信することもできる。
(FormData は、XMLHttpRequest.send() メソッドの引数に指定するオブジェクトなので、通常の画面サブミットでは使えない)

HTMLのinput要素にファイル(具体的にはinput[type="file"]のvalueに""以外)を設定することが出来ません。
C:/password.txtを勝手にセットする、みたいなヤバイことが出来てしまうからです。

//POSTするデータを取り出す
let fd = new FormData($('#postform').get(0))
//元のセットしてあったファイルを削除
fd.delete("file")
//スクショを載せる
fd.append("file", screenshot_file, screenshot_file.name)

みたいなコードで、直接POSTするデータに追加します。
もとのinput[type="file"]はいじってないので、Ajaxでこのformdataを送信することになります。