input file文件上传限制大小类型

2018-11-05  本文已影响367人  仰望天空的人
function Fileupload (filevalue, filesize, filetype, filecallback) {
var file = filevalue.files[0];
var fileSize = (file.size / 1024).toFixed(0);   // 不保留小数  可随意用任何方法  如Math
var fileType = filevalue.value.substring(filevalue.value.lastIndexOf("."));
// console.log(file+'+-----------------+'+fileSize+'+-----------------+'+fileType);
if (fileSize > filesize) {
    alert('上传文件超出限制大小');
    $('#upload-file').val('');
    return false;
}

switch (filetype) {
    case 'office':
        if (!fileType.match(/.doc|.txt/i)) {
            alert('请上传doc、txt文件');
            $('#upload-file').val('');
            return false;
        }
        break;
    default:
        alert('filetype参数错误');
        console.error('filetype参数错误!');
        return false;
        break;
}
filecallback()

}
// 调用

$('#upload-file').change(function() {
    Fileupload(this, 10240, 'office', function() {
        alert('success 上传成功');
        // console.log($('#upload-file').val());
    })
})

// HTML

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

switch还可定义image图片之类,office
等多种类型,具体按照自己业务需求来定义
我大小是按照10M需求来的,各位自行定义

上一篇 下一篇

猜你喜欢

热点阅读