首页 > 代码库 > js 判断上传文件的大小

js 判断上传文件的大小

       原先加了一个qq群,群里有人问道有没有办法在浏览器端获得上传文件的大小并做出限制,我自己并不知道方法,我觉得是不可以的,我在群里提出自己的见解的同时也向别人提出如果就解决办法也想一起知道,直到一大神出现解决了这个问题,才明白解决办法,忽然觉得这群里还是能学到新东西的!废话不多说了。

这是js判断文件大小的方法。


function CheckImage(FileUpload) {

    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;

    var mime = FileUpload.value;

    mime = mime.toLowerCase().substr(mime.lastIndexOf("."));

    if (mime != ".jpg" && mime != ".png" && mime != ".bmp" && mime != ".gif") {

        alert("仅支持JPG,PNG,BMP,gif格式图片!");

        FileUpload.outerHTML = FileUpload.outerHTML; //Clear File‘s value

    }

    var fileSize = 0;

    if (isIE && !target.files) {

        var filePath = FileUpload.value;

        var fileSystem = new ActiveXObject("Scripting.FileSystemObject");

        var file = fileSystem.GetFile(filePath);

        fileSize = file.Size;

    } else {

        fileSize = FileUpload.files[0].size;

    }

    alert(fileSize);

    var size = fileSize / 1024;

    if (size > 1024) {

        alert("图片不能大于1M,请重新选择图片!");

        FileUpload.outerHTML = FileUpload.outerHTML; //Clear File‘s value

    }

}


代码解释:

其中的:

javascript判断浏览器代码 :/MSIE/i.test(navigator.userAgent)
正则表达式,navigator.userAgent浏览器信息是否含有MSIE字样,就是判断是否为IE浏览器。


使用当时只需要在上传文件的控件那里调用就可以了


<INPUT TYPE="file" NAME="file" SIZE="30" onchange="CheckImage(this)">    

js 判断上传文件的大小