Serviceを読んで理解し、同意したものとみなします。1万件32ChromeやSafariではドラッグアンドドロップでファイルをフォームにセットできます。(下図参照)しかし、IEだとこれが実現できません。(ドロップするとその画像をブラウザで開いてしまう)JavaScriptを使ってIEでもドラッグアンドドロップでファイルをフォームにセットすることはできますか?Ajaxでファイルアップロードをするプラグインやサンプルコードはたくさん見つかるのですが、「フォームにセットするだけ、サブミットは普通にボタンをクリックしてサブミットする」という情報は見つかりませんでした。こちらの情報は目的に近かったですが、IEでは機能しませんでした。何か参考になりそうな情報があれば教えてください。ちなみにIEはIE11のような最近のバージョンを対象にしてもOKです。こちらを参考にしてみてはいかがでしょうか。私もDragDropでファイルアップロードを行うスクリプトを組んだときにこのような配布されているものを参考に作成しておりました。票1以前に似たようなことをやろうとしてハマった経験がありますので、直接の回答ではないのですがご参考になればと思い投稿いたします。結論から言うと、私の場合もフォームに直接ドロップする事はできませんでした。そのため回避策としてドロップ領域を別途用意(divタグで領域を作りました)して、addEventListenerでdropイベントを追加し、dropイベント内でドロップされたファイル名を取得して表示する、というようなことをやりました。私の場合ファイルを複数選択する必要があったため、ファイル名入力フィールドは使用せずに、テーブル要素として表示させていましたので、ファイル名入力フィールドだと取得したファイル名をスクリプト等で表示させることができるかわかりません(確かできなかったように記憶しています、ちょっと自信ないですが)。このため、submitボタンのイベントにも細工をして、表示している複数のファイルをそれぞれPOSTするような処理を追加しました。回りくどいようですが、こういう回避策もあるということで。個の銅バッジ回答ありがとうございます。「submitボタンのイベントにも細工をして、表示している複数のファイルをそれぞれPOSTするような処理を追加しました」というところが気になります。コード例があれば見てみたいです。21:35概要だけお伝えします。submit()でフォームの内容を取得し、appendでファイル(dataTrasfer.filesを用意した変数に格納している)を追加します。これをXMLHttpRequestのsendで送ります。23:47追記ありがとうございます。最後はやっぱり力業っぽくなっちゃうんですね。現時点ではできるかできないかの技術調査の段階で、まだ実際に実装するかどうかは未定なのですが、実装する必要が出てきた際はこちらのコードを参考にさせてもらいます。32bit)で確認しましたが、ng-file-uploadを利用すれば実現可能です。個の銅バッジ情報ありがとうございます。これだとサブミットはサブミットボタンをクリックしたタイミングで、ということができないのではないでしょうか?(ドロップした瞬間にアップロード、は避けたいです。jQueryで実現できるソリューションの方がありがたいです。回答してもらったのにすいません。8:55jQuery版のデモまで作ってもらってありがとうございます!なるほど、やっぱり最後は自分でフォームの内容を詰め込んでAjaxで送信、っていう形になるんですね。(JSのコードを使わずに)単純にサブミットできる」というふうに実装するのは難しそうですね。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。type=fileに渡したい(chrome/firefox/ie)0dropzone.js(ドラッグ&ドロップでのアップロード)が上手く動作しません。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。