获取input type="file"上传文件的文件名称的方法

通过js获取包含和不包含路径的上传文件名称。

html代码:

<div id="filename"></div>
<form>
	<input type="file" name="file" class="file" id="fileField" onchange="document.getElementById('filename').value=this.files[0].name"/> 
	<input type="submit" class="btn" value="上传" /> 
</form>

代码注释:选择文件后,把文件名显示在id="filename"的div中。

只获取文件名

document.getElementById('fileField').files[0].name

获取带路径的文件名

document.getElementById('fileField').value
关键词: javascript代码