2010-11-28 5 views
0

Код ниже загружает файлы на сервер с помощью AjaxUpload.2.0.min.jsAjaxUpload: зачем мне дважды кликать?

Но вам нужно нажать несколько раз кнопку «Добавить файл» для окна ОС (где выбрать файл, который вы хотите загрузить), чтобы показывать, а не кликать только один раз.

Кроме того, если вы нажмете один раз на ссылку, а затем вы выведите мышь из красной области и щелкните (из #upload_files), и, наконец, вы нажмете на ссылку, она будет работать, откроется окно ОС. но почему я должен это делать? Разве что AjaxUpload не будет первоначально связан в вызове .livequery? то как мне это связать?

Пожалуйста, сосредоточьтесь на этом, в окне ОС, чтобы показать первым щелчком мыши. Остальное программирование отлично работает на моем сервере.

.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 2010-11-29 10:12:27

Смежные вопросы