使用javascript显示文件名上传答案

【问题标题】：display filename upload using javascript使用javascript显示文件名上传
【发布时间】：2016-05-01 03:54:17
【问题描述】：

我想在上传文件时显示文件名。文件名应该显示在 span id="filename"

<p>
    <label style="width: 30%">Image</label>
    <label class="custom-file-upload" style="width: 23%"> 
        <input type="file" name="img_1" id="img_1"/> <i class="fa fa-cloud-upload"></i> Image 1
    </label>
    <span id="filename">none selected...</span> 
</p>

如果我使用这个js代码，文件名会显示在标签中

$("input[id='img_1']").change(function (e) {
var $this = $(this);
$this.next().html($this.val().split('\\').pop());});

我该怎么做？

【问题讨论】：

不确定你在问什么。您不能在更改方法中使用以下内容吗？ $("#filename").html($this.val().split('\\').pop()); .是否应该仅在单击上传按钮时才显示文件名？
非常感谢。完成了

标签： javascript upload filenames

【解决方案1】：

使用

$("#filename").html($this.val().split('\\').pop());

【讨论】：