파인 업 로더 Microsoft Edge 파일 업로드 대화 상자 무한 루프

Question

사이트에서 Fine Uploader를 사용하고 있으며 업로드 부분이 Edge에서 완벽하게 작동합니다. 내가 처음 발견 한 문제는 업로드 버튼을 처음 클릭했을 때 창이 닫히거나 취소 된 파일을 선택하는 대신 대화 상자가 즉시 다시 열립니다. 업로드 할 파일을 선택할 때까지이 작업을 계속합니다.

사이트의 데모에 동일한 문제가 없으므로 특정 업 로더 설정과 관련이있는 것으로 보입니다.

무엇이 잘못 될 수 있는지 확실하지는 않습니다. 업로드하기 전에 문제가 발생하고 있습니다.

버튼에 대한 HTML :

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

이것은 내가 가지고있는 자바 스크립트가 가야하는 것입니다

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 요소처럼 라벨 요소를 다른 것으로 변경하면 어떻게 될까요?