关于input[type=file]表单控件的相关知识点

来源：互联网发布：窗帘轨道品牌知乎编辑：程序博客网时间：2024/06/06 18:19

            /* Banner图片 */            $('#banner').on('change', function (e) {                var files = this.files;                var file;                if (files && files.length) {                    file = files[0];                    if(file.size/1024 > 2048) { //获取选择文件的size                        this.outerHTML = this.outerHTML; //清空file控件                        alert('图片文件大小不能超过2M！');                        return false;                    }                    if (/^image\/\w+/.test(file.type)) {                        blobURL = URL.createObjectURL(file); //拾取当前选择的图片或文件，实现本地文件不上传可先预览                    }                    $('#banner-nav').find('.preview img').attr('src', blobURL);                    $('#banner-nav').removeClass('hidden');                }            });

0 0