अपलोड कर रहा है कई formData का उपयोग करके फ़ाइलें()

Question

var fd = new FormData(); 
fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]); 
var xhr = new XMLHttpRequest(); 
xhr.open("POST", "uph.php"); 
xhr.send(fd); 

uph.php:

var_dump($_FILES['fileToUpload']); 

यह काम करता है, लेकिन स्पष्ट रूप से केवल files[0] के लिए। यह चुने गए फ़ाइल के लिए कैसे काम करें?

मैं [0] को दूर करने की कोशिश की, लेकिन यह काम नहीं किया।

Answer 1

तुम बस fileToUpload[] बजाय fileToUpload उपयोग करने के लिए:

fd.append("fileToUpload[]", document.getElementById('fileToUpload').files[0]); 

और यह कई नाम, आकार, आदि के साथ एक सरणी वापस आ जाएगी ...

Answer 2

आप संलग्न करने के लिए फ़ाइलों लंबाई प्राप्त करने के लिए जे एस में और उसके बाद

//JavaScript 
var ins = document.getElementById('fileToUpload').files.length; 
for (var x = 0; x < ins; x++) { 
    fd.append("fileToUpload[]", document.getElementById('fileToUpload').files[x]); 
} 

//PHP 
$count = count($_FILES['fileToUpload']['name']); 
for ($i = 0; $i < $count; $i++) { 
    echo 'Name: '.$_FILES['fileToUpload']['name'][$i].'<br/>'; 
} 

Answer 3

नीचे के रूप में जिस तरह से जावास्क्रिप्ट साथ जाने के लिए AJAX अनुरोध के माध्यम से भेज:

var data = new FormData(); 

$.each($("input[type='file']")[0].files, function(i, file) { 
    data.append('file', file); 
}); 

$.ajax({ 
    type: 'POST', 
    url: '/your/url', 
    cache: false, 
    contentType: false, 
    processData: false, 
    data : data, 
    success: function(result){ 
     console.log(result); 
    }, 
    error: function(err){ 
     console.log(err); 
    } 
}) 

आप data.append ('फ़ाइल', फ़ाइल) को कई बार फोन तो आपके अनुरोध आपकी फ़ाइलों की एक सरणी शामिल होंगे।

मैं स्वयं इस प्रकार Node.js और बहुखण्डीय हैंडलर मिडलवेयर multer डेटा प्राप्त का उपयोग कर:

router.post('/trip/save', upload.array('file', 10), function(req, res){ 
    // Your array of files is in req.files 
}