zoukankan      html  css  js  c++  java
  • javascript 选择路径自动显示图片

    <html>
    <head>
    <title>test upload picture</title>
    <script language="javascript">
    function testviewpic(mypic,imgfilepath)
    {
     var myflag=0; //进行筛选的图片的扩展名
     var aa = ".gif|.jpg|.jpeg|.bmp|.png"; //分离出可以通过的图片扩展名
     var bb = aa.split('|'); //进行循环判断,路经是否为图片
     for(var i=0;i<bb.length;i++)
     {
      //检索路径是否含有指定图片的扩展名
      var cc = imgfilepath.value.toLowerCase().indexOf(bb[i]);
      if (cc > 0)
      {
       //当图片的路经中含有指定的扩展名时,对状态进行赋值
       myflag=1; mypic.src=imgfilepath.value; mypic.style.display=""; mypic.border=1; break;
      }
     }
     //如果状态为错误,弹出信息框
     if(myflag == 0)
     {
      alert("current path not picture"); //清除上传框的路径值
      imgfilepath.outerHTML = imgfilepath.outerHTML; imgfilepath.value=""; mypic.src=""; mypic.style.display="none";
     }
    }
    </script>
    </head>
    <body>
    <form id="form1">
    <table>
    <tr>
    <td class="tdLeft">图片上传:</td>
    <td><INPUT id="img_upload" type="file" runat="server" onchange="testviewpic(showimg,this.form.img_upload);"> </td> </tr>
    <tr> <td class="tdLeft"></td> <td><img id="showimg" alt="" src="" style="display:none"></td> </tr> </table>
    </form>
    </body>
    </html>
  • 相关阅读:
    栈的操作总结
    C语言复习大纲
    生理周期
    石子合并
    幸运数字
    最长&最短文本
    C++引用
    C++入门
    直角三角形
    思维的囚徒--读书摘记和自己的肤浅解读--2021.1
  • 原文地址:https://www.cnblogs.com/jiangchongwei/p/1261771.html
Copyright © 2011-2022 走看看