2012-02-13 4 views
5

사용자가 데스크톱에서 웹 사이트 요소로 파일을 끌어서 놓는 간단한 업 로더를 만들려고합니다. 나는 내가 어떻게 알아 냈다고 생각하지만 파일에 대한 정보를 얻지 못하는 것 같습니다. 드래그 앤 드롭으로 파일 입력 값을 설정하려면 어떻게해야합니까? 드래그 앤 드롭 코드는 정확한지 확실하지 않습니다. 상자가 그 위에 드리 우면 색이 변합니다.fileinput val을 드래그 앤 드롭에서 설정하려고 시도합니다. Jquery 파일

$(".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로 변환 할 수 있습니다.

건배!