AjaxUpload: почему я должен щелкнуть дважды? - PullRequest
Новая
       14

AjaxUpload: почему я должен щелкнуть дважды?

0 голосов
/ 28 ноября 2010

Приведенный ниже код загружает файлы на сервер, используя AjaxUpload.2.0.min.js

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

Кроме того, если вы щелкните один раз в ссылке, а затем переместите мышь из красной области и щелкните (из #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 Ответ

1 голос
/ 29 ноября 2010

Насколько я могу судить, в настоящее время компонент ajaxupload не полностью работает, согласно документации на Github.Автор предлагает вместо этого использовать новый плагин qq.FileUploader.

Вот пример, который вызывает диалоговое окно файла сразу после нажатия элемента div.

jsFiddle пример

Надеюсь, это поможет.

...