JS获取FILE表单中要上传的文件名

最新推荐文章于 2024-05-22 14:17:17 发布

原创最新推荐文章于 2024-05-22 14:17:17 发布 · 1.4w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#file #action #input

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个简单的HTML表单示例，该表单用于文件上传，并通过JavaScript实现了从文件路径中自动提取文件名的功能，方便用户了解如何进行基本的前端文件上传操作。

<form action="" method="get" onSubmit="return false;">
<input type="text" name="pTitle">
<input type="file" name="pFile" onChange="if(this.value)insertTitle(this.value);">
<input type="submit" value="submit">
</form>
<script language="javascript">
function insertTitle(tValue){
   var t1 = tValue.lastIndexOf("\\");
   var t2 = tValue.lastIndexOf(".");
   if(t1 >= 0 && t1 < t2 && t1 < tValue.length){
    document.getElementById("pTitle").value = tValue.substring(t1 + 1, t2);
   }
}
</script>