...
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 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", "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> |
...