js工具--验证input[type='file']是否符合要求

最新推荐文章于 2023-02-13 16:25:12 发布

ONROAD0612

最新推荐文章于 2023-02-13 16:25:12 发布

阅读量1.1k

点赞数

分类专栏： WEB前端

本文链接：https://blog.csdn.net/ONROAD0612/article/details/79817715

版权

WEB前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

/**
 * 文件上传工具封装
 * @type {{}}
 */
var filesUpload = {

    /**
     * 判断文件是否符合要求
     * @param fileId input[type='file'] fileId
     * @param allowType the file type allowed to upload
     * @param allowSize the file size allowed to upload
     */
    judgeFile:function (fileId,allowType,allowSize) {
        if(bms.isEmpty(fileId)){
            throw new Error("id can't be null");
        }

        if(bms.isEmpty($("#"+fileId).val())){
            throw new Error("文件不能为空")
        }
        var fileSize = document.getElementById(fileId).files[0];
        var filePath = $("#"+fileId).val().toLowerCase().split(".");
        var fileType =  filePath[filePath.length - 1];

        if(bms.isNotEmpty(allowType) && allowType.indexOf(fileType) < 0){
            throw new Error("文件格式不符合要求");
        }

        if(allowSize > 0 && fileSize.size>allowSize){
            throw new Error("文件内容过大")
        }
    }
};