업로드 성공 후 다시 업로드하려고 시도 중입니다.

Question

괜찮은 업 로더를 사용하고 있습니다. 이제 성공적으로 업로드되었지만 재 시도합니다. 그래서, 나는 하나의 파일 대신 4 개의 파일을 가지고 있습니다.

http://fineuploader.com/

내 코드 :

<!-- The element where Fine Uploader will exist. --> 
<div id="qq-drop-zone"> 
    <div id="fine-uploader"></div> 
    <span class="dragndrop">Drag and Drop</span> 
</div> 

<!-- Fine Uploader --> 
<script src="/modules/fine-uploader/fine-uploader.min.js" type="text/javascript"></script> 

<script type="text/template" id="qq-template"> 
    <div class="qq-uploader-selector qq-uploader" qq-drop-area-text="Drop files here"> 
     <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container"> 
      <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div> 
     </div> 
     <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone> 
      <span class="qq-upload-drop-area-text-selector"></span> 
     </div> 
     <div class="button qq-upload-button-selector qq-upload-button"> 
      <div>Upload From Your</div> 
     </div> 
     <span class="qq-drop-processing-selector qq-drop-processing"> 
      <span>Processing dropped files...</span> 
      <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span> 
     </span> 
     <ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals"> 
      <li class="clearfix"> 
       <img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale> 
       <div class="qq-progress-bar-container-selector"> 
        <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div> 
       </div> 
       <span class="qq-upload-spinner-selector qq-upload-spinner"></span> 
       <div class="form"> 
        <div class="input_block caption"> 
         <label for="caption">Caption</label> 
         <input type="text" class="caption_input" data-key="title" placeholder="" /> 
        </div> 
        <div class="input_block qq-hide"> 
         <span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span> 
        </div> 
       </div> 
       <div class="file_data"> 
        <span class="qq-upload-file-selector qq-upload-file"></span> 
        <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text"> 
        <span class="qq-upload-size-selector qq-upload-size"></span> 
       </div> 
       <button type="button" class="ghost button qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</button> 
       <button type="button" class="ghost button qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button> 
       <button type="button" class="button qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button> 
       <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span> 
      </li> 
     </ul> 

     <dialog class="qq-alert-dialog-selector"> 
      <div class="qq-dialog-message-selector"></div> 
      <div class="qq-dialog-buttons"> 
       <button type="button" class="button qq-cancel-button-selector">Close</button> 
      </div> 
     </dialog> 

     <dialog class="qq-confirm-dialog-selector"> 
      <div class="qq-dialog-message-selector"></div> 
      <div class="qq-dialog-buttons"> 
       <button type="button" class="ghost button qq-cancel-button-selector">No</button> 
       <button type="button" class="button qq-ok-button-selector">Yes</button> 
      </div> 
     </dialog> 

     <dialog class="qq-prompt-dialog-selector"> 
      <div class="qq-dialog-message-selector"></div> 
      <input type="text"> 
      <div class="qq-dialog-buttons"> 
       <button type="button" class="ghost button qq-cancel-button-selector">Cancel</button> 
       <button type="button" class="button qq-ok-button-selector">Ok</button> 
      </div> 
     </dialog> 
    </div> 
</script> 

<script> 
    var dragAndDropModule = new qq.DragAndDrop({ 
     dropZoneElements: [document.getElementById('qq-drop-zone')], 
     classes: { 
      dropActive: "dragover" 
     }, 
     callbacks: { 
       processingDroppedFiles: function() {}, 
       processingDroppedFilesComplete: function(files, dropTarget) { 
       fineUploaderBasicInstance.addFiles(files); //this submits the dropped files to Fine Uploader 
       } 
     } 
    }), 
    fineUploaderBasicInstance = new qq.FineUploader({ 
     debug: true, 
     element: document.getElementById('fine-uploader'), 
     request: { 
      endpoint: '/ajax/fine-uploader.php' 
     }, 
     retry: { 
      enableAuto: true 
     } 
    }); 
</script> 

이 희망 JSON이 유효 만든 XHR에서 responseText에서 여분의 텍스트가 발생했습니다

Answer 1

을하는 데 도움이됩니다. 유효한 응답이 없으면 업로드 실패로 등록되고 다시 시도가 시작되었습니다. 여분의 텍스트를 없애고 다시 작동합니다.