ファインアップローダーMicrosoft Edgeファイルアップロードダイアログ無限ループ

Question

私はファインアップローダーをサイト上で使用しており、そのアップロード部分はEdgeで完璧に機能します。私が発見した問題は、アップロードボタンを最初にクリックしたときですが、ウィンドウを閉じるかキャンセルを押すと、すぐにダイアログが開きます。アップロードするファイルを選択するまで、これを続けます。

サイトのデモで同じ問題が発生していないため、特定の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 

}）;私のコメントで

Answer 1

レイの答え：

これが唯一のエッジで発生しますか？ div要素のようにラベル要素を に変更するとどうなりますか？