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)">    

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。