zoukankan      html  css  js  c++  java
  • 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;
                }
    
            })
  • 相关阅读:
    1.表单标签
    07.Ajax.post
    06.Ajax.get
    05.Ajax.get
    04.Ajax-get.html
    03.post.file
    nodejs-7.2. CURD数据管理系统小栗子
    nodejs-7.1. mongoose模块
    JS 无缝轮播图1-节点操作
    JS 放大镜特效
  • 原文地址:https://www.cnblogs.com/qdlhj/p/9922256.html
Copyright © 2011-2022 走看看