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

时间:2019-03-15
本文章向大家介绍上传图片格式简单校验和回显,主要包括上传图片格式简单校验和回显使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

 

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

  

 

上一页 下一页

原文地址:http://www.manongjc.com/article/73118.html