छोटे हिस्सों में AJAX के साथ फ़ाइल कैसे अपलोड करें और विफल होने की जांच करें, विफल होने वाले हिस्सों को दोबारा अपलोड करें।

Question

मेरे पास एक उपयोगकर्ता द्वारा अपलोड की गई एक फ़ाइल है, और मैं निम्नलिखित प्राप्त करना चाहता हूं।

1. फ़ाइल को मेगाबाइट के बारे में छोटे हिस्सों में विभाजित करें।
2. प्रत्येक खंड को अपलोड करें, और अगले खंड को अपलोड करने से पहले इसे पूरा करने के लिए प्रतीक्षा करें।
3. प्रत्येक खंड के लिए सफलता या विफलता रिपोर्ट प्राप्त करें।
4. विफल हिस्सों को दोबारा अपलोड करें।
5. प्रतिशत में प्रगति पाएं।

यहां कुछ मोटा जावास्क्रिप्ट है। मैं सचमुच खो गया हूँ। कुछ कोड ऑनलाइन मिला और इसे संशोधित करने का प्रयास किया।

$.chunky = function(file, name){   
       var loaded = 0; 
       var step = 1048576//1024*1024; 
       var total = file.size; 
       var start = 0; 
       var reader = new FileReader(); 

       reader.onload = function(e){ 

       var d = {file:reader.result} 
       $.ajax({ 
        url:"../record/c/index.php", 
        type:"POST", 
        data:d}).done(function(r){ 
        $('.record_reply_g').html(r); 

        loaded += step;     
        $('.upload_rpogress').html((loaded/total) * 100); 

         if(loaded <= total){ 
          blob = file.slice(loaded,loaded+step); 
          reader.readAsBinaryString(blob); 
         } else { 
          loaded = total; 
         } 
       })    
       }; 

       var blob = file.slice(start,step); 
       reader.readAsBinaryString(blob); 
      } 

मैं उपर्युक्त कैसे प्राप्त कर सकता हूं। कृपया एक समझदार समाधान होने पर क्या हो रहा है यह समझाएं।

Answer 1

आप किसी भी चंक अपलोड की विफलता के लिए कुछ भी नहीं कर रहे हैं।

$.chunky = function(file, name){   
    var loaded = 0; 
    var step = 1048576//1024*1024; size of one chunk 
    var total = file.size; // total size of file 
    var start = 0;   // starting position 
    var reader = new FileReader(); 
    var blob = file.slice(start,step); //a single chunk in starting of step size 
    reader.readAsBinaryString(blob); // reading that chunk. when it read it, onload will be invoked 

    reader.onload = function(e){    
     var d = {file:reader.result} 
     $.ajax({ 
      url:"../record/c/index.php", 
      type:"POST", 
      data:d      // d is the chunk got by readAsBinaryString(...) 
     }).done(function(r){   // if 'd' is uploaded successfully then -> 
       $('.record_reply_g').html(r); //updating status in html view 

       loaded += step;     //increasing loaded which is being used as start position for next chunk 
       $('.upload_rpogress').html((loaded/total) * 100); 

       if(loaded <= total){   // if file is not completely uploaded 
        blob = file.slice(loaded,loaded+step); // getting next chunk 
        reader.readAsBinaryString(blob);  //reading it through file reader which will call onload again. So it will happen recursively until file is completely uploaded. 
       } else {      // if file is uploaded completely 
        loaded = total;   // just changed loaded which could be used to show status. 
       } 
      })    
     }; 
} 

संपादित

विफल रही हिस्सा अपलोड करने के लिए फिर से आप निम्न कर सकते हैं:

var totalFailures = 0; 
reader.onload = function(e) { 
    .... 
}).done(function(r){ 
    totalFailures = 0; 
    .... 
}).fail(function(r){ // if upload failed 
    if((totalFailure++) < 3) { // atleast try 3 times to upload file even on failure 
    reader.readAsBinaryString(blob); 
    } else {     // if file upload is failed 4th time 
     // show message to user that file uploading process is failed 
    } 
});