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

标签 javascript jquery html css forms

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

<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 中后,有没有一种方法可以从输入表单元素文件中获取它?

最佳答案

我希望我没有误解,但是怎么样:

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

关于javascript - 使用javascript从html文件表单元素中检索文件名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27462245/

相关文章:

javascript - 用时刻严格解析日期

javascript - 打印后页面不重新加载

html5 搜索输入不适用于 Bootstrap

html - 如何为内部图像悬停编写CSS样式?

java - <C :if/Choose/When> condition to be made as one 的多个实例

javascript - 理解 Javascript Promise - 只是想要解释

javascript - Framework7 虚拟列表 searchAll 函数未使用

javascript - 根据类设置元素宽度

javascript - 单击叠加。使用Jquery模拟点击

javascript - 绘制反转圆弧改变圆心坐标