zoukankan      html  css  js  c++  java
  • 上传图片格式简单校验和回显

      // 上传图片回显
        $("#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) { 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)); // 获取上传文件的后缀 })

      

  • 相关阅读:
    java 问题记录
    java 构造方法
    java 接口
    java 抽象类
    java 封装
    java 面向对象
    java 集合小练习 超市库存管理系统
    linux常用指令
    个人简历表格
    html5 表格文档常用指令
  • 原文地址:https://www.cnblogs.com/shiysin/p/10536160.html
Copyright © 2011-2022 走看看