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

有志者，事竟成！如果你在学习文章，那么本文《如何通过 JavaScript 获取图片上传后的绝对路径？》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

获取图片上传后的路径

用户通过 <input type="file"> 选择图片后，前端可能需要获取其路径。默认情况下，<input type="file"> 只会提供文件的名称。

解决方案

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

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

代码示例

html：

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

action 代码：

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

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

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。