Fine Uploader微軟邊緣文件上傳對話框無限循環

我在網站上使用Fine Uploader，它的上傳部分在Edge上工作得很好。我發現的問題是當我第一次點擊上傳按鈕時，而不是選擇文件，我關閉了窗口或點擊取消，對話框立即重新打開。它會繼續這樣做，直到我選擇一個文件上傳。Fine Uploader微軟邊緣文件上傳對話框無限循環

它似乎與我的具體Fine Uploader設置有關，因爲網站上的演示沒有相同的問題。

不確定會出現什麼問題，甚至在發生上傳之前發生問題。

該按鈕的HTML：

<label id="filelabel"> 
    <div id="file">CLICK HERE TO UPLOAD PHOTO</div> 
</label>

這是JavaScript我要的時候，先要

var uploader = new qq.FineUploaderBasic({ 
    //template: 'qq-template', 
    button: document.getElementById('file'), 
    request: { 
    endpoint: '/inc/endpoint.php', 
    inputName: 'qqfile' 
    }, 
    validation: { 
    acceptFiles: ['image/jpeg', 'image/jpg', 'image/png', 'application/pdf'], 
    allowedExtensions: ['jpeg', 'jpg', 'pdf', 'png'], 
    itemLimit: 1, 
    sizeLimit: 15000000 
    }, 
    multiple: false, 
    autoUpload: true, 
    callbacks: { 
    onSubmit: function(id, fileName) { 
     console.log('submit detected'); 
     return true; 
    }, 
    onUpload: function(id, fileName) { 
     console.log('upload detected'); 
     return true; 
    }, 
    onProgress: function (id, name, uploadedBytes, totalBytes) { 
     var percent = Math.ceil(uploadedBytes/totalBytes * 100); 
     $('#fileprogressbar').css('width', percent+'%'); 
     $('#filepercentage').html(percent+'%'); 
     if (name.search('pdf') !== -1) { 
     $('#filefeedback').css('color','#ff9933'); 
     $('#filefeedback').html('PDFs require extra processing'); 
     } 
    }, 
    onComplete: function(id, name, responseJSON, xhr) { 
     if (responseJSON.success) { 
     $('#filefeedback').css('color','#093'); 
     $('#filefeedback').html('File uploaded successfully'); 
     $('#e_filename').val(responseJSON.uploadName); 
     } else { 
     $('#e_filename').val(''); 
     $('#filefeedback').html(responseJSON.error); 
     } 
    }, 
    onError: function(id, name, errorReason, xhr) { 
     console.log('error detected: '+errorReason); 
     $('#filefeedback').css('color','#f00'); 
     $('#filefeedback').html(errorReason); 
     $('#e_filename').val(''); 
     $('#fileprogressbar').css('width', '0%'); 
     $('#filepercentage').html('0%'); 
    }, 
    onCancel: function(id, name) { 
     console.log('cancel detected'); 
     return false; 
    }, 
    onAutoRetry: function(id, name, attemptNumber) { 
     console.log('auto retry detected'); 
     return false; 
    } 
    }, 
    debug: false

}）;

來源

2016-06-27 jjones3

這是否只發生在邊緣？如果您將標籤元素更改爲其他內容（如div），該怎麼辦？ –

修好了，謝謝！奇怪的行爲，當我有更多的時間，我將不得不看看我是否可以找出它爲什麼這樣做。添加你的答案，但如果你想自己回答，那也可以。 – jjones3

雷人的答案在我的意見：

這是否只發生在邊緣？如果您將標籤元素更改爲其他內容（如div）會怎麼樣？

來源

2016-06-28 13:42:45 jjones3

請搜索優秀的上傳者問題跟蹤器，看看是否已經提交。如果沒有，請提交問題以便跟蹤。 –

看起來像是一個邊緣的bug：https：//developer.microsoft.com/en-us/microsoft-edge/platform/issues/8282613/ –

Fine Uploader微軟邊緣文件上傳對話框無限循環

回答

相關問題