#js 限制上传文件的大小

js 限制上传文件的大小

上传文件是一个网站经常用到的功能，在前端对文件的大小进行限制也是很有必要的。今天写了一段代码来监听input的change事件，来进行上传文件大小的控制

$("#ms_upload_file").change(function(){

    //检验非空和文件大小
    if($(this).val() !== '' && checkSize(this)) {

        //其他操作
    } 
});

/**
 * 函数：检查上传文件大小
 * 输入：input的js对象
 * 输出：
**/
function checkSize(input) {
    var Sys = {};
    var flag;
    var filesize = 0;

    //判断浏览器种类
    if (navigator.userAgent.indexOf("MSIE") > 0) {
            Sys.ie=true;
        }
    if (navigator.userAgent.indexOf("Firefox")>0) {
            Sys.firefox=true;
        }

    //获取文件大小
    if (Sys.firefox) {
        filesize = input.files[0].size;
    } else if (Sys.ie){
        var fileobject = new ActiveXObject ("Scripting.FileSystemObject");//获取上传文件的对象
        var file = fileobject.GetFile (input.value);//获取上传的文件
        filesize = file.Size;//文件大小
    }

    //判断是否符合要求
    if (filesize / (1024 * 1024) < 5 ) {
        flag = true;
    } else {
        alert("附件过大，建议不要超过5M！");
        flag = false;
    }

    return flag;
}