input[type=file]上传文件(格式判断文件大小上传成功后操作)

Posted qdlhj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input[type=file]上传文件(格式判断文件大小上传成功后操作)相关的知识,希望对你有一定的参考价值。

        var isUploadImg = false;
        //在input file内容改变的时候触发事件******************上传图片
        $(#filed).change(function(){
            var file = $(#filed).get(0).files[0];
            var fileSize = file.size,fileType = file.type;
            if (file.name.lastIndexOf(.)==-1){    //如果不存在"."  
                $.dialog({content: 路径不正确, time: 2000}); 
                return false;  
            }  
            var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|.swf|";  
            var extName = file.name.substring(file.name.lastIndexOf(".")).toLowerCase();//(把路径中的所有字母全部转换为小写)          
            if(AllImgExt.indexOf(extName+"|")==-1)          
            {  
                $.dialog({content: 非法图片格式, time: 2000}); 
                return false;  
            } 
            //console.log(fileSize,fileType);
            if(fileSize<3145728){
                if(window.FileReader){
                    //创建用来读取此文件的对象
                    var reader = new FileReader();
                    //使用该对象读取file文件
                    reader.readAsDataURL(file);
                    //读取文件成功后执行的方法函数
                    reader.onload=function(e){
                        //读取成功后返回的一个参数e,整个的一个进度事件
                        console.log(e);
                        //选择所要显示图片的img,要赋值给img的src就是e中target下result里面
                        //的base64编码格式的地址
                        $(#imgshow).get(0).src = e.target.result;
                        isUploadImg = true;
                    }
                }
            }else{
                $.dialog({content: 图片大小超过限制, time: 2000});
                return false;
            }

        })

 

以上是关于input[type=file]上传文件(格式判断文件大小上传成功后操作)的主要内容,如果未能解决你的问题,请参考以下文章

input type='file' 上传文件 判断图片的大小是否合格与witdh 和 height 是否合格

<input type=“file“> accept属性筛选文件类型上传

input type="file" 的一些问题

js判断上传图片宽高及文件大小

input type=file 上传文件,同一个文件第二次上传无反应

input type file onchange上传文件的过程中,同一个文件二次上传无效的问题。