AJAX और jQuery के साथ HTML5 फ़ाइल अपलोड

जब फॉर्म सबमिट होता है, तो सबमिशन प्रक्रिया को पकड़ें और फ़ाइल अपलोड के लिए निम्न कोड स्निपेट चलाने का प्रयास करें:

// File 1
var myFile = document.getElementById('fileBox').files[0];
var reader = new FileReader();
reader.readAsText(file, 'UTF-8');
reader.onload = myFunc;
function myFunc(event) {
  var res = event.target.result;
  var fileName = document.getElementById('fileBox').files[0].name;
  $.post('/myscript.php', { data: res, name: fileName }, continueSubmission);
}

फिर, सर्वर साइड पर (यानी myscript.php):

$data = $_POST['data'];
$fileName = $_POST['name'];
$myServerFile = time().$fileName; // Prevent overwriting
$fp = fopen('/uploads/'.$myServerFile,'w');
fwrite($fp, $data);
fclose($fp);
$retData = array(
  "myServerFile" => $myServerFile
);
echo json_encode($retData);

FileReader.readAsText() फ़ाइल को टेक्स्ट के रूप में पढ़ता है। बाइनरी फ़ाइलों के लिए readAsDataURL() या readAsArrayBuffer() उपयोग करें। आधुनिक तरीका: fetch() या XMLHttpRequest के साथ FormData ऑब्जेक्ट (jQuery पर निर्भरता के बिना)।