实现图片上传前本地预览功能之二

最新推荐文章于 2019-04-26 18:35:55 发布

qq_39010381

最新推荐文章于 2019-04-26 18:35:55 发布

阅读量212

点赞数

分类专栏： Jquery

Jquery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

我这个试用起来比之前那个加载要快

[html]view plaincopy 
   
 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
 <%  
 String path = request.getContextPath();  
 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
 %>  
   
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
 <html>  
   <head>  
     <base href="<%=basePath%>">  
       
     <title>demo imgage preview</title>  
       
     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>  
       
     <script type="text/javascript">  
   
     function preview(file)    
      {  
          var imgSuffix = file.value.substr(file.value.length-4, 4);//得到图片后缀  
          var imgFileName = file.value.split("\\")[2];//得到图片的名称加后缀  
          imgUploadName = imgFileName;//将该图片的后缀赋给imgUploadName这个全局变量  
          debugger  
         if(imgSuffix ==".jpg"  || imgSuffix == ".gif" || imgSuffix == ".png"){  
             var prevDiv = $("#showImg");  
              if (file.files && file.files[0])  
              {  
                  var reader = new FileReader();  
                  reader.onload = function(evt)  
                  {   
                     //id用于修改的时候赋值  
                     prevDiv.prop("src",evt.target.result)  
                  }  
                  reader.readAsDataURL(file.files[0]);  
             }  
         }else{  
             alert("图片的格式不正确");  
             file.value = "";  
         }  
      }  
     </script>  
   
   </head>  
     
   <body>  
     <div></div><input type="file" name="bankImgU" onchange="preview(this)"/><div><a href="javascript:;"></a>  
     <div></div><img id="showImg" height="40px" width="100px"/></div>  
   </body>  
 </html>  

qq_39010381

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现图片上传前本地预览功能之二

我这个试用起来比之前那个加载要快[html] view plain copy%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> % String path = request.getContextPath(); String basePath
复制链接

扫一扫

专栏目录