HTML代码
<input type="file" id="deviceFile">
获取文件名、文件大小、文件类型
$('#deviceFile').bind('input propertychange', function () {let f = document.getElementById('deviceFile').files;let [fileName, fileSize, fileType] = [f[0].name, f[0].size, f[0].type];/*分别获取 文件名 文件大小 文件类型*/$('.importBtn').hide();$(this).parent('.importBtn').next().find('dt').text(f[0].name + '.' + f[0].type);$(this).parent('.importBtn').next().find('dd').text('(' + getfilesize(f[0].size) + ')')$(this).parent('.importBtn').next().show();})
将文件大小 改成KB 、MB 、 G 、 T 格式
function getfilesize(size) {//把字节转换成正常文件大小if (!size) return "";var num = 1024.00; //byteif (size < num)return size + "B";if (size < Math.pow(num, 2))return (size / num).toFixed(2) + "KB"; //kbif (size < Math.pow(num, 3))return (size / Math.pow(num, 2)).toFixed(2) + "MB"; //Mif (size < Math.pow(num, 4))return (size / Math.pow(num, 3)).toFixed(2) + "G"; //Greturn (size / Math.pow(num, 4)).toFixed(2) + "T"; //T}
最后展示的页面:
参考:input type=“file” 获取文件名、文件类型、文件大小_PanDa____的博客-CSDN博客_input获取文件
input type="file"获取文件名方法_已被格式化的叔叔的博客-CSDN博客