input file 获得文件根目录_input选择文件夹获取根目录-CSDN博客

本文介绍了一个简单的HTML页面，该页面包含一个文件上传功能。通过JavaScript实现了获取文件路径并将其传递给隐藏字段的功能，以便于后续的PHP处理。此案例展示了基本的前端与后端交互流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


其实问题很简单

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>