ID:3aJblX さんの質問

教えて下さい
FileAPIのドラッグ＆ドロップで選択したファイルは
input type="file"に挿入することが出来ないのでしょうか？

みんなの回答 1 件

ID:N.pzhK さんの回答

簡単にデモ作って調べてみました。
以下な感じで、ドロップでとれるファイルデータをinput[type=file]に挿入してみたら、Chrome、Safariは動きましたが、Firefox、IE10はできませんでした。
dropArea.addEventListener(’drop’, function(evt){
input.files = evt.dataTransfer.files;
});
ちゃんと調べてないので、他に方法あるかもしれません。。。

デモ - JSFiddle

https://jsfiddle.net/vth82jst/2/

最終更新日:2015-05-10 (5,652 views)

関連するトピックス

10 回答

透過PNGがｊQueryアニメーションでopacityを使うとIE8だけ黒く塗りつぶされて表示されてしまいます。対策として、pngFixを施したりDD_belatedPNGやjQuery.belate... 30,292 views
5 回答

jQueryでdiv領域をクリックしたら中のラジオボタン（またはチェックボックス）にチェックできる、というプラグイン等を探しています。テーブルでtrごとクリックしてチェック、というのは見かけるのですが... 21,279 views
5 回答

jquery のanimateなどで簡単な動きならつけれるのですが、例えばページ読み込み時のアニメーションで、・オブジェクトがフェードインするとする場合、・CSSではオブジェクトの透明度を変えず、正し... 5,261 views
2 回答

jqueryスライドギャラリーで写真をリストより選択する方法知りませんか？ポイントとして写真をカテゴリ選択できるような写真ギャラリーを作りたいです。 6,543 views
1 回答

バリデートすると、いっつも<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">にエラーが出るんですけど、みなさんどうされてますか... 3,849 views
1 回答

DOMロード後にjqueryでdiv要素を生成し、そのouterWidthを取得しようとしたのですが、値が0となっていました。$(’<div class="text">aaaaaaa</div>’).... 1,755 views
6 回答

Jqueryについて質問させて下さい。読み込んでいる最中を見せないようにする為以下のように、すべてを読み込んでから表示するというような簡単なローディングをつけたのですが、IE8ではなぜかうまくいきませ... 3,363 views
2 回答

fuelphpでsession::set(’hoge’,’fuga’);などしてセッションに保存した値を、fuelphpのメソッドを使わずに、$_SESSION で取得する事は出来ないのでしょうか？v... 4,723 views
2 回答

最近、IE8でブラウジングをしている際に、「webサイトに問題があります。復元を中止しました（簡略）」とでて表示ができないページがあります。ChromeやFireFoxでは、表示できるのですが、理由と... 3,943 views
6 回答

初心者WEBデザイナーです。CSS3でサイトを制作中なのですが、どうしてもIEの対応ができません。そこで、IEだけ別ページにリダイレクトさせたいなと思っております。調べてみると、JSでブラウザ判別はで... 7,110 views

教えて下さいFileAPIのドラッグ＆ドロップで選択したファイルはinput type="file"に挿入することが出来ないのでしょうか？

みんなの回答 1 件

デモ - JSFiddle

関連するトピックス

教えて下さい
FileAPIのドラッグ＆ドロップで選択したファイルは
input type="file"に挿入することが出来ないのでしょうか？