javascript - 如何显示文件名而不是目录？

Question

下面的代码显示了上传图片的路径。我正在使用具有四个图像上传字段的多步骤表单。图像上传，它在预览页面中显示完整路径，但我只想显示带有图像扩展名的名称，而不是完整路径。请帮助我实现这一目标。

*Html form fields*
<p><input type="file" name="image" accept="image/*" id="id_post_image">
<input type="file" name="image2" accept="image/*" id="id_post_image2"></p>
<p>
<input type="file" name="image3" accept="image/*" id="id_post_image3">
<input type="file" name="image4" accept="image/*" id="id_post_image4"></p>

*preview form fields*
<div class="preview_img" id="review_Condition" name="review_Condition"></div>
<div class="preview_img" id="review_Condition2" name="review_Condition"></div>
<div class="preview_img" id="review_Condition3" name="review_Condition"></div>
<div class="preview_img" id="review_Condition4" name="review_Condition"></div>

*javascript image path display*
document.getElementById("review_Condition").innerHTML = document.getElementById("id_post_image").value;
document.getElementById("review_Condition2").innerHTML = document.getElementById("id_post_image2").value;
document.getElementById("review_Condition3").innerHTML = document.getElementById("id_post_image3").value;
document.getElementById("review_Condition4").innerHTML = document.getElementById("id_post_image4").value;

标签： javascripthtmlgetelementbyid

Answer 1

这种模式会做：

var filename = fullPath.replace(/^.*[\\\/]/, '')

问题重复并来自：

如何使用 JavaScript 从完整路径中获取文件名？