inputのtype=fileに対して値をセットする方法

Question

いつもお世話になっております。本質問も皆様宜しくお願い致します。

タイトル通りではあるのですが、画像のアップロードを行う際にD&Dでアップロードを可能にしたいのですが、

<input type="file" />

に対して、値をセットすることはできませんでしょうか？(Flash不可)

エリアを作り、そこにD＆Dでファイルを投げ込みそのまま画像のアップロードは可能なのですが、その他の情報とともに送信したいために画像ファイルはセットするだけに留めたいのです。

現在、HTML上に画像アップロードエリアを作り、D＆Dでファイルをセットする方法でchrome、safariについては以下の方法で可能でした

【W３Q】
http://w3q.jp/t/8139

しかし、IEとfirefoxには対応していない方法のためこちらの方法以外に何か方法がありましたら教えて頂きたいと思って質問させて頂きました。

以上、宜しくお願い致します。

Answer 1

IE10+ ですが、FormData を使用すれば可能かもしれません。送信前に項目を増やす事もでき、Blobも渡せるようです。IE8,9および一部 Android は対応していないため、別方法を取る必要があります。

【jQuery Ajaxでファイルを送りたい！ - かもメモ】
http://chaika.hatenablog.com/entry/2014/04/12/001012

【Ajax uploads with FormData | TecPoster】
http://www.tecposter.com/ajax-uploads-with-formdata/

【FormData - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/FormData

【FormData オブジェクトの利用 - Web developer guide | MDN】
https://developer.mozilla.org/ja/docs/Web/Guide/Using_FormData_Objects

Answer 2

• JavaScript プログラミング解説 http://so-zou.jp/web-app/tech/programming/javascript/dom/node/element/html/input/file/

...
type='file'のvalueプロパティへのアクセスには、セキュリティ上の理由により制約が設けられています。
...

input type=file 設定
で google 検索してみると、いろいろ情報が得られると思います。