我怎么能显示文件名而不是目录？

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;

Answer 1

这个模式可以做到：

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

问题重复，答案来自：

How to get the file name from a full path using JavaScript?

我怎么能显示文件名而不是目录？

How could I show the file name instead of directory?

html

javascript

getelementbyid