首页 > Web开发 > 详细

上传图片格式简单校验和回显

时间:2019-03-15 13:04:36      阅读:177      评论:0      收藏:0      [点我收藏+]

 

  // 上传图片回显
    $("#file").change(function (e) {
      // 获取文件名
        var filename = e.currentTarget.files[0].name;
        var img = [‘.png‘, ‘.jpeg‘, ‘.jpg‘];
        filename = filename.slice(filename.indexOf("."));
      // 判断 后缀校验数组 是否包含上传文件的后缀 if(img.indexOf(filename) > -1){ var imgFile = this.files[0]; //获取到第一个上传的文件对象,声明全局变量 var fr = new FileReader(); //实例FileReader对象 fr.readAsDataURL(imgFile); //把上传的文件对象转换成url fr.onload = function(event) { // $("#img").src = this.result; var url=this.result; //上传文件的URL var $img=$("<img width=‘240px‘ height=‘200px‘ src=‘"+url+"‘/>"); $("#imgs").append($img); $("#img").hide(); }; }else{ alert("图片格式不正确,请重新选择"); } // alert(this.value.toLowerCase().split(‘.‘).splice(-1)); // 获取上传文件的后缀 })

  

 

上传图片格式简单校验和回显

原文:https://www.cnblogs.com/shiysin/p/10536160.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!