input file 获得文件根目录

关注

原创最新推荐文章于 2026-02-17 01:37:44 发布 1.4k 阅读 AI 写同款· GEO 优化 ›

如何做到input file中‘选择文件’的自定义我们知道 input 标签的 file 属性，在没有选择文件的情况下，其后默认显示一条文字“未选择任何文件”。在选择文件后，该条文字会变成路径和文件的名称。现在我遇到一个需求：想要更改“选择文件”和“未选择任何文件”为英文,那该如何实现呢？查阅了一些资料，并没有直接修改的捷径，只能使用另一个input标签模拟实现一个自定义效果。附上代码如下: HTML <label for="uploa... 阅读详情


其实问题很简单

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>烟台大学体测</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
   function show_root(){
     //var root = myform.file.value; 
     var root = document.getElementById("file").value;
	 //alert(root);
	 //document.getElementById("root").innerHTML=root;
	 myform.root.value=root;
   }
</script>
</head>
<body>
  <form name="myform" method="post" action="upload.php"> 
     <input id="file" type="file" name="file"/>
     <input id="root" type="hidden" name="root"/>
     <input type="submit" name="submit" onclick="show_root()"/> 
  </form> 
</body>
</html>

upload.php

<?php echo $_POST["root"];

下面这段js代码就是获得file根目录，然后赋值给hidden类型input，然后就可以交给php or jsp 处理了

<script type="text/javascript">
   function show_root(){
     //var root = myform.file.value; 
     var root = document.getElementById("file").value;
	 //alert(root);
	 //document.getElementById("root").innerHTML=root;
	 myform.root.value=root;
   }
</script>