jQuery फ़ाइल अपलोड प्लगइन के साथ अपलोड करने से पहले अपलोडिंग फ़ाइल नाम प्राप्त करना

Question

मैं सर्वर पर एकाधिक फ़ाइलों को अपलोड करने के लिए jQuery फ़ाइल अपलोड प्लगइन https://github.com/blueimp/jQuery-File-Upload/wiki का उपयोग कर रहा हूं। मैं इसे एक कस्टम वेब सेवा के साथ उपयोग करूँगा जो अपलोड की गई छवियों को सर्वर पर संग्रहीत करेगा। हालांकि, POST अनुरोध निकाय के अलावा मुझे वेब सेवा को उस फ़ाइल का नाम भी भेजना होगा जो अपलोड किया जा रहा है। इसलिए, प्रत्येक फ़ाइल स्थानांतरण के साथ मुझे वेब सेवा को फ़ाइल के नाम पर भी जाना होगा। क्या कोई मुझे बता सकता है कि मैं फ़ाइल नाम कैसे ले सकता हूं और इसे प्रत्येक अपलोड अनुरोध के साथ भेज सकता हूं? मुझे मूल रूप से बिना किसी अतिरिक्त इनपुट फ़ील्ड के मैदान से इसे प्राप्त करने की आवश्यकता होगी। यदि किसी उपयोगकर्ता ने 10 फाइलें चुनी हैं, तो मुझे कतार में प्रत्येक फ़ाइल के लिए नाम लेना होगा और अपलोड अनुरोध के साथ सबमिट करना होगा।

धन्यवाद।

Answer 1

ठीक है, यहाँ समाधान जो काम करता है:

// Storing the file name in the queue 
var fileName = ""; 

// On file add assigning the name of that file to the variable to pass to the web service 
$('#fileupload').bind('fileuploadadd', function (e, data) { 
    $.each(data.files, function (index, file) { 
    fileName = file.name; 
    }); 
}); 

// On file upload submit - assigning the file name value to the form data 
$('#fileupload').bind('fileuploadsubmit', function (e, data) { 
    data.formData = {"file" : fileName}; 
}); 

Answer 2

मैं वेब सेवा किस तरह अपनी साइट का इस्तेमाल किया पता नहीं है, फिर से शुरू है कि ashx है, अगर है कि आप

HttpPostedFile file = context.Request.Files["Filedata"]; 

उपयोग कर सकते हैं फ़ाइल नाम लाने के लिए;

या उपयोग jQuery

$("#yourid").uploadify({ 
..... 
    'onSelect': function(e, queueId, fileObj) 
    { 
     alert("FileName：" + fileObj.name); 
    } 
}); 

// jQuery-फ़ाइल-अपलोड

$('#fileupload').fileupload({ 
drop: function (e, data) { 
    $.each(data.files, function (index, file) { 
     alert('Dropped file: ' + file.name); 
    }); 
}, 
change: function (e, data) { 
    $.each(data.files, function (index, file) { 
     alert('Selected file: ' + file.name); 
    }); 
} 

});

Answer 3

var filename = $('input[type=file]').val().split('\\').pop();