关于选择图片后立即显示的问题[请解封]

本主题由 cloudgamer 于 2009-9-23 16:36 关闭

chuhongbin [楼主]

高级会员

帖子: 227
体力: 503
威望: 0
当前: 辽宁盘锦

专长 PHP,Oracle

1^# 大中小发表于 2009-9-23 16:01

请问选择图片后，能够直接显示出来的功能用JS是如何做???
就像许多论坛中的头像选择的那样，不需要像它们那样详细，
就像附件中的效果那样。。
或者告诉我，应该如何搜索也可以，不明白这是什么效果？
在网上搜了一个，但是只能在IE下运行。效果不是太理想。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<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");
        //清除上传框的路径值
        imgfilepathimgfilepath.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="width:100px;height:100px;DISPLAY:none"></TD>
                </TR>
    </table>
</form>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 chuhongbin 于 2009-9-24 08:16 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

职业灌水

TOP

西部数码VPS主机1G内存仅266元 | 亚运会中国体育代表团领奖装备设计大赛

‹‹ 上一主题 | 下一主题 ››