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);