यदि स्थिति पूरी नहीं हुई है तो Dropzone.js में अपलोड को रद्द/निरस्त कैसे करें?

Question

मैं फ़ाइलों को अपलोड करने के लिए Dropzone.js का उपयोग कर रहा हूं। अब मैं एक दायर भरना चाहता हूं या नहीं, और यदि यह नहीं है तो अपलोड रद्द करें।

मेरे एचटीएमएल कोड:

<input type="text" name="title" id="title" placeholder="Type the title of the album"> 
<form action="file-upload.cgi" enctype="multipart/form-data" class="dropzone" id="dropzoneform"></form> 

मेरे jQuery कोड:

Dropzone.autoDiscover = false; 
$('.dropzone').dropzone({ 
    acceptedFiles: 'image/jpeg', 
    init: function() { 
     this.on('sending', function() { 
      if ($('#title').val().length > 0) { 
       // just start automatically the uploading 
      } else { 
       // need a code to cancel the uploading 
      } 
     } 
    } 
}); 

मेरे द्वारा अपलोड की कैसे रद्द कर सकते हैं जब #title की लंबाई 0 है?

Answer 1

क्या इस

Dropzone.autoDiscover = false; 
$('.dropzone').dropzone({ 
    acceptedFiles: 'image/jpeg', 
    init: function() { 
     var that = this; 
     that.on('sending', function(file) { 
      if ($('#title').val().length <= 0) { 
       that.removeFile(file); 
      } 
     } 
    } 
}); 

Answer 2

स्वीकार किए जाते हैं जवाब काम करता है आप पूरी तरह से फ़ाइल को निकालना चाहते हैं के बारे में; हालांकि, यदि आप उपयोगकर्ता को ड्रॉपजोन में फिर से जोड़ने के बिना एक ही फ़ाइल को फिर से सबमिट करने और सबमिट करने का विकल्प देना चाहते हैं, तो आपको फ़ाइलों को संसाधित करने के बारे में कुछ चीजों को बदलने की आवश्यकता है।

$('.dropzone').dropzone({ 
    autoQueue: false, 
    /* The rest of your configuration options */ 
}); 

यह स्वचालित रूप से हर फ़ाइल सही होने के बाद यह उपयोगकर्ता द्वारा जोड़ा है अपलोड करने की कोशिश से Dropzone से बचाता है:

सबसे पहले, आप जब आप अपने dropzone प्रारंभ गलत पर autoQueue संपत्ति सेट करना होगा। इसका मतलब है कि अब आप वास्तव में फ़ाइलों को अपने आप को enqueue को प्रोग्राम के रूप में है, तो निम्न फ़ंक्शन का उपयोग किया है:

var yourDropzone = $('.dropzone'); 
yourDropzone.on("addedfile", function(file) { 
    if (/* some condition is met by your file */) { 
     yourDropzone.enqueueFile(file); 
    } 
} 

इस तरह, जब भी उपयोगकर्ता अपलोड करने के लिए एक फ़ाइल का चयन करता है, हम देख सकते हैं कि कुछ मनमाने ढंग से स्थिति उत्पन्न होने पर। केवल जब यह सत्य होता है, हम सर्वर पर अपलोड करने के लिए फ़ाइल को एनक्यू करते हैं।

इस दृष्टिकोण का लाभ यह है कि अब हम वास्तव में चुन सकते हैं कि जब फ़ाइल को अपलोड किया जाता है, तो उसे कतार से हटाने की कोशिश करने के बजाय, ड्रॉपज़ोन एनक्यूड फाइलें भेजने की कोशिश कर रहा है।

यह अन्य प्रशंसक सुविधाओं के लिए भी अनुमति देता है; उदाहरण के लिए, प्रत्येक फ़ाइल के लिए एक बटन जोड़ना जो उपयोगकर्ता को यह चुनने और अपलोड करने का विकल्प चुनने देता है।

Answer 3

तो स्वीकार किए जाते हैं जवाब का समाधान इस त्रुटि फेंक:

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

प्रयास करें

myDropzone.on("addedfile", function(file) { 
if (/* some condition is NOT met by your file */) { 
    myDropzone.removeFile(file); 
}}); 

यह स्वीकार किया जवाब और Protossoario के जवाब के बीच एक मिश्रण है। बिना फ़ाइल कतार में। स्वीकृत उत्तर वास्तव में मेरी कॉन्फ़िगरेशन में इस जेएस त्रुटि को फेंक रहा है।