...
Code Block | ||||
---|---|---|---|---|
| ||||
<html>
<head>
<title>PHP upload file demo</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function _(el)
{
return document.getElementById(el);
}
function completeCTHandler(event){
_("upload_info").innerHTML = event.target.responseText;
}
function uploadFiles()
{
_("upload_info").innerHTML = "Uploading....<br><br>";
// var file = _("customthumbnail").files[0];
var formdata = new FormData();
formdata.append("btnSubmit", "Upload File");
total_files = _("files").files.length;
for( var i=0; i<total_files; i++) formdata.append("files[]", _("files").files[i]);
var ajax = new XMLHttpRequest();
ajax.addEventListener("load", completeCTHandler, false);
ajax.open("POST", "/demo/fileupload/demo3_simple_ajax/submit_upload.php");
ajax.send(formdata);
}
</script>
<body>
<form method="post" enctype="multipart/form-data" name="formUploadFile">
<label>Select single file to upload:</label>
<input type="file" id="files" name="files[]" multiple="multiple" />
<input type="button" value="Upload File" onClick="uploadFiles()"/>
</form>
<div id="upload_info"></div>
</body>
</html>
|
...