如何显示浏览图像的名称

How to show the name of the browse image.

本文关键字：图像 浏览 何显示 显示      更新时间：2023-09-26

我在html中搜索并设计了input type="file"。当我浏览一个新图像时，新图像的名称不会出现在按钮旁边。我想看看。有什么帮助吗。

我的小提琴：http://jsfiddle.net/DharkRoses/X3S4a/171/

示例代码：

<form method="POST" action="myurl"> <span class="btn btn-success fileinput-button">
    <span>Select file</span>
       <input type="file" name="file">
    </span>
</form>

您可以检查这个plunkr

Html

<form method="POST" action="myurl"> <span class="btn btn-success fileinput-button">
        <span>Select file</span>
    <input type="file" name="file" onchange="setName(this)"><span id="fileName"></span>
        </span>
</form>

JS

function setName(val){
     var ind = (val.value).lastIndexOf("''");
     var substr = val.value.substring(ind+1,val.value.length);
     document.getElementById('fileName').innerHTML = substr;
    }
相关文章：