2010-11-28 4 views
0

아래 코드는 AjaxUpload.2.0.min.js를 사용하여 서버에 파일을 업로드합니다.AjaxUpload : 두 번 클릭해야하는 이유는 무엇입니까?

OS 윈도우의 "파일 추가"버튼을 여러 번 클릭해야합니다 (업로드 할 파일을 선택할 위치).)를 클릭하면됩니다.

또한 링크에서 한 번 클릭 한 다음 마우스를 빨간색 영역 밖으로 이동하고 (#upload_files에서) 마우스로 클릭 한 다음 링크에서 마지막으로 클릭하면 작동하고 OS 창이 열립니다. 하지만 왜이 일을해야합니까? AjaxUpload는 처음에는 .livequery 호출에서 바인딩되지 않습니까? 그렇다면 어떻게 바인딩합니까?

마우스의 첫 번째 클릭으로 표시 할 OS 창에서이 부분을 집중하십시오. 내 서버에서 제대로 작동하는 나머지 프로그래밍.

.js는 github에 업로드되어 코드를 테스트하기 쉽도록 만들어졌지만 실제로는 내 컴퓨터에 있습니다.

덕분에 지금까지 내가 말할 수있는 많은

<head> 
<style> 
#upload_files{color: #fff; background:#F32201; border:1px solid #7E9DB9; padding:2px;} 
</style> 

<script type="text/javascript" src="https://gist.github.com/raw/6dd585079502f138d87e/7c243080233761859937d52195b670602731a379/jquery-1.4.2.min.js"></script> 

<script type="text/javascript" src="https://gist.github.com/raw/eeb2fe78f63ab80b626d/5be66e749b19fbb5b7c8814bf72a98c083f2aaaf/jquery.livequery.min.js"></script> 

<script type="text/javascript" src="https://gist.github.com/raw/826bff2445c8533dd7fc/797734455959ef27796b6770c95a7b39049ae6e9/AjaxUpload.2.0.min.js"></script> 

<script type="text/javascript"> 
     $(document).ready(function() { 

    function uploadFiles(){ 
     new AjaxUpload('#upload_files', { 
      action: 'whereToUploadInServer.php', 
     });  

    }//end uploadFiles 

      $("#upload_files").livequery("click", function(e){ 
     e.preventDefault(); 
     uploadFiles(); 
     //debugger ; 
    }); 
}); //end document ready 

    </script> 


    </head> 
    <body> 
     <div><a href="#" id="upload_files">Add File</a></div> <br> 

    </body> 

답변

1

는 ajaxupload 구성 요소는 Github에서의 문서에 따라이 시간에 완벽하게 작동하지 않습니다. 필자는 새로운 qq.FileUploader 플러그인을 대신 사용하도록 제안합니다.

다음은 div 요소를 클릭 한 직후에 파일 대화 상자를 표시하는 예입니다.

jsFiddle example

는 도움이되기를 바랍니다.

+0

로그인에 문제가 있습니다. 누가 게시물을 시작 했나요? 감사합니다 !!!!!!!!!!!! 당신은 내 프로젝트를 구했다 !! – user523129

+0

아! 그것은 좋은 소식입니다. 나는 약 8-9 개월 전에 비슷한 문제에 직면했다. 한 가지 유의 사항 : 최상의 답변/해결책을 제공하는 응답자의 대답을 수락하는 것이 일반적입니다. – JTP