valums fileupload - работает в Chrome, но не в Firefox и Internet Explorer - PullRequest
Новая
       9

valums fileupload - работает в Chrome, но не в Firefox и Internet Explorer

1 голос
/ 27 октября 2011

Вот код

js 

$(window).load(function(){
        //File Uploader
        function createUploader(){ 
          var uploader = new qq.FileUploader({
          element: document.getElementById('fileUploaderButton'),
          action: 'upload.php',
          debug: true
        }); 
        createUploader();       
}

DOM после создания загрузчика 

<button id="fileUploaderButton" style="border-radius: 5px 5px 5px 5px;">
    <div class="qq-uploader">
    <div class="qq-upload-drop-area" style="display: none;">
        <span>Drop files here to upload</span>
    </div>
    <div class="qq-upload-button" title="Upload photo" style="position: relative; overflow: hidden; direction: ltr;">
        Upload photo
        <input type="file" multiple="multiple" name="file" style="position: absolute; right: 0pt; top: 0pt; font-family: Arial; font-size: 118px; margin: 0pt; padding: 0pt; cursor: pointer; opacity: 0;">
        </div>
        <ul class="qq-upload-list"></ul>
    </div>
</button>

Если я нажму на div «.qq-uploader», откроется файловый браузер, но только в Chrome.Курсор # fileUploaderButton является указателем, но id qq-uploader нормальный.Div qq-uploader меньше, чем кнопка.В Chrome, когда мышь находится над qq-загрузчиком, курсор меняется.В Internet Explorer или Firefox это не так, хотя Firebug показывает, что этот элемент есть.

1 Ответ

0 голосов
/ 30 сентября 2016

У меня была та же проблема, и я решил ее, изменив элемент контейнера. Если элемент DOM, который вы пытаетесь преобразовать в загрузчике (button#fileUploaderButton в вашем случае), является кнопкой, он не будет работать. Если вы используете div или span, он будет работать, или, по крайней мере, он работал для меня. В вашем случае HTML: 

<div id="fileUploaderButton">Upload</div>

и Javascript: 

$(window).load(function(){
    function createUploader(){ 
      var uploader = new qq.FileUploader({
      element: document.getElementById('fileUploaderButton'),
      action: 'upload.php',
      debug: true
    }); 
    createUploader();       
}
...