使用javascript从html文件表单元素中检索文件名

Question

我有一个这样的表单元素：

<form enctype="multipart/form-data" id="uploadform" method="post"  action="upload.php"      target="upload_target" onsubmit="startUpload();">
 <input id="file" name="file" type="file" class="target"/>

用户输入文件名 - 让我们说它是“The Beatles - Revolution.mp3”。有没有办法在输入表单元素文件选择文件并在DIV中显示后从输入表单元素文件中获取它？

Answer 1

我希望我没有误解，但是怎么样：

＆＃13;

＆＃13;

$("#songFile").on("change", function(e) {
   var s = $(this).val().split("\\");
   $("#result").text("You've selected - " + s[s.length - 1]);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="songFile" />
<div id="result"></div>

＆＃13;

＆＃13;

＆＃13;