首页 > 文章列表 > 如何使用 JavaScript 获取 HTML 上传文件的绝对路径?

如何使用 JavaScript 获取 HTML 上传文件的绝对路径?

350 2025-01-20

如何使用 JavaScript 获取 HTML 上传文件的绝对路径?

使用 javascript 获取上传文件绝对路径

在 html 中使用 <input type="file"> 元素上传文件时,默认情况下只能获得文件的名称。但是,某些场景可能需要获取绝对路径,本文将介绍如何使用 javascript 实现此目的。

在页面代码中,添加以下关键部分:

<input type="file" name="thefile" onchange="document.getelementbyid('thefilepath').value=this.value">
<input type="hidden" id="thefilepath" name="thefilepath" value="">

需要注意的是,<form> 元素必须具有 enctype="multipart/form-data" 属性。

在 action 代码中,可以使用 getparameter() 方法获取名为 "thefilepath" 的参数,该参数即为上传文件的绝对路径。

String filePath = request.getParameter("theFilePath");

该方法已在 firefox 和 ie 浏览器中测试通过,能够获取绝对路径。但谷歌 chrome 浏览器出于安全考虑,仍仅返回文件名。

来源:1730761584