您的位置：首页 > Web前端 > JavaScript

javascript 选择路径自动显示图片

2008-08-06 11:07 471 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航