input type=“file” 获取文件名、文件类型、文件大小

PanDa____

于 2022-07-05 17:34:59 发布

阅读量6.1k

点赞数 2

分类专栏： JavaScript ES6 文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/PanDa____/article/details/125624334

版权

JavaScript 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

ES6

2 篇文章 0 订阅

订阅专栏

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; //byte
            if (size < num)
                return size + "B";
            if (size < Math.pow(num, 2))
                return (size / num).toFixed(2) + "KB"; //kb
            if (size < Math.pow(num, 3))
                return (size / Math.pow(num, 2)).toFixed(2) + "MB"; //M
            if (size < Math.pow(num, 4))
                return (size / Math.pow(num, 3)).toFixed(2) + "G"; //G
            return (size / Math.pow(num, 4)).toFixed(2) + "T"; //T
        }