2012-02-13 8 views
5

ユーザーがデスクトップからウェブサイト要素にファイルをドラッグアンドドロップする単純なアップローダを作ろうとしています。私はどのように考えたのだろうと信じていますが、ファイルに関する情報を得ることはできません。ドラッグアンドドロップからファイル入力値を設定するにはどうすればよいですか?ドラッグアンドドロップコードは正しいかどうかわかりません。それについてドレスアップされるとボックスの色が変わります。ドラッグアンドドロップからfileinputを設定しようとしています

$(".droparea").bind({ 
    dragleave: function (e) { 
       e.preventDefault(); 
      $(".droparea").css("backgroundColor","white"); 


      }, 
      drop: function (e) { 
       e.preventDefault(); 
//something here to set the FileInput element val() 
          }, 
      dragenter: function (e) { 
       e.preventDefault(); 
       $(".droparea").css("backgroundColor","Green"); 
      }, 
      dragover: function (e) { 
       e.preventDefault(); 

      } 
     }); 

答えて

0

HTML5を使用している場合は、tutorial hereです。あなたの例としてjQueryを使用していると思われるように、それらをjQueryに変換することができます。

乾杯!

関連する問題