zoukankan      html  css  js  c++  java
  • JS选择图片,显示缩略图

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>

     <BODY>
      最简单的方法
    <input type="file" name="file" onchange="pic.src=this.value"/><br>
    这个写了很多代码啊
    <input type="file" name="file" id="up"  onchange="shuo()"/><br>
    <script>
    //IE
    function shuo()
    {
    var upstr="";//文件路径
    var flex = ""; //上传文件扩展名
    var Filelx = ".gif,.jpg,.jpeg,.png,.bmp";//可上传文件类型
     if(up.value!="")
     {
      upstr = up.value;
      fiex = upstr.replace(upstr.substring(0,upstr.lastIndexOf("."),""));//得到文件扩展名
      fiex = fiex.replace("undefined","");
      if(Filelx.lastIndexOf(fiex)!=-1)
      {
       pic.src = upstr;//ID
       tt.innerHTML = "";
      }
      else
      {
       //IE
       
       pic.src = "";
       tt.innerHTML="<font color=red style='font-size:9pt;'>* 所选文件不支持上传 </font>"
       
      }
      
      
     }
    }
    </script>
    <img id="pic" />
    <span id="tt"/>
     </BODY>
    </HTML>

  • 相关阅读:
    不同分辨率在线查看
    HtmlAgilityPack
    CSS知识点记录
    移动端和PC端区分
    Oracle命令
    Navicat操作Oracle
    用 Maven 做项目构建
    Java 异常处理的误区和经验总结
    ExtJs4学习(三)组件查找 ComponentQuery类
    Extjs4 操作TreeStore 处理proxyAjax 获取的数据
  • 原文地址:https://www.cnblogs.com/xjyggd/p/1327425.html
Copyright © 2011-2022 走看看