I want to get file name after user uploading file in same page.
How could I do ?
Please give me some advices.
Here is my simple code.
<html>
<head>
<script type="text/ecmascript" src="../_js/jquery.min.js"></script>
<script type="text/ecmascript" src="../_js/jquery-ui.min.js"></script>
<!-- Upload File -->
<link href="http://hayageek.github.io/jQuery-Upload-File/uploadfile.min.css" rel="stylesheet">
<script src="http://hayageek.github.io/jQuery-Upload-File/jquery.uploadfile.min.js"></script>
<script>
$(document).ready(function() {
var extraObj = $("#drop").uploadFile({
url:"fileupload.php",
fileName:"myfile",
autoSubmit:false
});
$("#submit").click(function() {
//alert(I want get file name here);
extraObj.startUpload();
return false;
});
});
</script>
</head>
<body>
<div id="drop" type="file">Upload File</div>
<form role="form" method="post" action="">
<button id="submit" type="submit" class="btn">Send</button>
</form>
</body>
</html>
Thanks a lot.
console.log(data.originalFiles[0].name) Please use this.