如何通过 JavaScript 获取图片上传后的绝对路径?

如何通过 javascript 获取图片上传后的绝对路径?

获取图片上传后的路径

用户通过 选择图片后,前端可能需要获取其路径。默认情况下, 只会提供文件的名称。

解决方案

可以使用 javascript 获取文件的绝对路径。具体步骤如下:

  1. 在表单中使用 enctype="multipart/form-data" 属性。
  2. 添加 onchange 事件处理程序,将文件的路径赋值给一个隐藏的输入框(例如 )。
  3. 在后端代码中,可以从隐藏输入框获取上传文件的绝对路径。

代码示例

html:

<form name="thisform" method="post" action="action_url" id="thisform" enctype="multipart/form-data">
  <input type="file" name="thefile" onchange="document.getelementbyid('thefilepath').value=this.value">
  <input type="hidden" id="thefilepath" name="thefilepath" value="">
</form>

action 代码:

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

通过这种方式,前端即可获取图片上传后的绝对路径。

以上就是如何通过 JavaScript 获取图片上传后的绝对路径?的详细内容,更多请关注www.sxiaw.com其它相关文章!