2012-02-18 17 views
6

साथ अपलोड करने से पहले मैं एक रूप है कि उपयोगकर्ताओं को एक से अधिक चित्रों, जो उन्हें दूर करने के लिए एक विकल्प के साथ जोड़ दिए जाते हैं अपलोड करने के लिए अगर वे उस विशेष तस्वीर अपलोड करने के लिए नहीं करना चाहते हैं अनुमति देता है कहो।निकालें चयनित फ़ाइल (रों) जावास्क्रिप्ट

यह फ़ाइलें एक तब उन्हें निकाल दिया (जैसे अपलोड करने के लिए नहीं करना चाहता था) की वस्तु से मान निकालें करना संभव है?

+0

पर उपलब्ध हैं आप '' दूर करने की कोशिश की थी? यदि, ज़ाहिर है, आपके फॉर्म में मानक फ़ाइल इनपुट का एक सेट होता है। – Cheery

+0

संभावित डुप्लिकेट [इनपुट फ़ाइल नियंत्रण से एक विशिष्ट चयनित फ़ाइल को कैसे निकालें] (https://stackoverflow.com/questions/19060378/how-to-remove-one-specific-selected-file-from-input-file- नियंत्रण) – Endless

उत्तर

5

FileList प्रविष्टियों को हटाने के लिए कोई एपीआई है:

https://developer.mozilla.org/en/DOM/FileList

हालांकि तुम वहाँ सामग्री में फ़ाइल अपलोड करने वाले XHR2 और AJAX का उपयोग कर और फिल्टर को फिर से संगठित कर सकते हैं। यह XHR2 और AJAX अपलोड करने और पारंपरिक <form> अपलोड करने के लिए उपयुक्त नहीं है कर निकलता है।

https://developer.mozilla.org/en/Using_files_from_web_applications

1

आप मानक फ़ाइल आदानों का एक सेट के साथ एक मानक प्रपत्र का उपयोग कर रहे हैं तो आप इस http://jsfiddle.net/thXre/

$(document).ready(function(){ 
    $('.remove').click(function(){ 
     $(this).closest('div').slideUp('slow', function(){$(this).remove();}); 
    });   
});​ 

और html कोड है जैसे कि यह कर सकते हैं:

<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 
<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 
<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 
+0

धन्यवाद, मुझे पता है कि वास्तविक तत्वों को कैसे हटाया जाए, लेकिन यह उन अपलोड में शामिल होने से उन्हें हटा रहा है, जिनमें मुझे दिलचस्पी थी जिसमें फ़ाइललिस्ट का ख्याल रखा गया था। –

1

पुस्तकालय इससे पहले कि हम कुछ मानक एपीआई मिल आपका सर्वश्रेष्ठ दांव रहे हैं ...

  • FineUploaderDemo। फ़ाइल हटाएं, छवि पूर्वावलोकन, फ़ाइल नाम बदलें।

  • bluimp's jQuery File Upload PluginDemo। फ़ाइल हटाएं, छवि पूर्वावलोकन, व्यक्तिगत फ़ाइल अपलोड, पूर्ववत अपलोड करें।

उन्होंने यह भी https://cdnjs.com/

+6

2 साल बाद ... फ़ाइललिस्ट अभी भी किसी भी तरह से आकार या फ़ॉर्म समर्थन को अपने एपीआई के भीतर प्रविष्टियों को हटाने में सक्षम नहीं है। –

+1

@bob_cobb यह एक दुखद भविष्य है =) –

+0

भविष्य यहां है, अभी भी फ़ाइल को निकालने का एक उचित तरीका ढूंढ रहा है ─ ऐसा लगता है कि अभी तक कोई नहीं है। – jbalintac

संबंधित मुद्दे