js 限制 input 文件上传的大小和格式

最近在项目中需要一些文件大小和格式的校验，整理了一下作为日后的参考

废话不多说，上代码：

Javascript:

//验证上传文件大小和类型

/**
 * 
 * @param {this} value_ [获取input对象，一般为this]
 * @param {[number]} size_ [文件限制的大小，单位为kb]
 * @param {[string]} type_ [文件类型，当前支持image和office]
 * @param {[function]} callback [验证通过的回调]
 */

function fileValid (value_, size_, type_, callback) {
    var file = value_.files[0]
    var fileSize = (file.size / 1024).toFixed(0)
    var fileType = value_.value.substring(value_.value.lastIndexOf("."))

    if (fileSize > size_) {
        alert('文件过大')
        return false
    }

    switch (type_) {
        case 'image':
            if (!fileType.match(/.jpg|.jpeg|.gif|.png|.bmp/i)) {
                alert('请上传图片')
                return false;
            }
            break;
        case 'office':
            if (!fileType.match(/.doc|.docx|.xls|.xlsx|.ppt|.pptx/i)) {
                alert('请上传word、excel或ppt文件')
                return false;
            }
            break;
        default:
            console.error('type_参数设置不正确！')
            return false;
            break;
    }

    callback()
}

HTML:

<input type="file" id="upload-file">

<script>
    $('#upload-file').change(function() {
        fileValid(this, 2048, 'image', function() {
            alert('success')
        })
    })
</script>