Internet explorer valums fileupload-适用于Chrome，但不适用于Firefox和Internet Explorer

这是密码

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>

把文件放在这里上传
上传照片

---

如果我点击“.qq uploader”div，文件浏览器会弹出，但只会出现在Chrome中。#fileUploaderButton的光标是指针，但qq上传者的id正常。qq上传器div比按钮小。在Chrome中，当鼠标放在qq上传器上时，光标会发生变化。在Internet Explorer或Firefox中，它没有，即使Firebug显示元素在那里。

我遇到了同样的问题，并通过更改容器元素解决了它。如果您试图在上传程序中转换的DOM元素（在您的例子中为按钮button#fileUploaderButton）是一个按钮，它将无法工作。如果您使用

div

或

span

它将起作用，或者至少对我起作用。 在您的情况下，HTML：

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

---

这可能是因为“字体大小：118px；”。尝试将其内联更改为“字体大小：0px；”告诉我它是否有效。

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