html修改上传文件名,js获取上传文件名（自定义上传表单有用）

原地址：https://www.w3h5.com/post/89.html

html代码:

Document

js代码:

//获取一个上传文件的扩展名

var myfile = document.getElementById('myfile');

var mybtn = document.getElementById('mybtn');

var div = document.getElementById('div');

myfile.onchange = function () {

//获取文件上传文件的文件名和扩展名

if (myfile.files[0] == undefined) {

alert('未上传任何文件！');

} else {

//获取上传文件的文件名

div.innerHTML= div.innerHTML+'文件名：' + myfile.files[0].name + '
';

//获取上传文件的扩展名

var filevalue = myfile.value;

//如果有扩展名,那么以最后一个点切割一定是扩展名

var index = filevalue.lastIndexOf('.');

div.innerHTML= div.innerHTML+'扩展名：' + filevalue.substring(index) + '';

}

}

效果图(当点击上传文件的时候):

本文章修改于 2019/11/01 16:16:27

标签：

js