上传图片后显示在页面js

最新推荐文章于 2021-12-28 09:21:07 发布

赖人不学

最新推荐文章于 2021-12-28 09:21:07 发布

阅读量1.3k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/vindraz/article/details/38058959

版权

JS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html >
<head>
    <title>标题页</title>
    <style type="text/css">#newPreview {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)}</style>    <script language="javascript" type="text/javascript">
 function CheckImg(fileUpload)
    {
        var mime=fileUpload.value;
        mime=mime.toLowerCase().substr(mime.lastIndexOf("."));
        if(mime!=".jpg")
        {
            fileUpload.value="";
            alert("仅支持JPG格式");
        }
        else
        { 
		alert(fileUpload.height);
		
            var imags=document.getElementsByTagName("img");
            
            for(i=0;i<imags.length;i++)
            {
                if(imags[i].name=='imagePhoto')
                { 
                    imags[i].src=fileUpload.value;
                    
                }
            }
        }
    }
    </script>
</head>
<body>
    <form id="form1">        
        <table>
            <tr>
                <td>
   <input id="ImagePath" type="file" οnchange="CheckImg(this)"/>
           </td>
            </tr>
            <tr>
                <td>
                  <Image ID="imagePhoto" name="imagePhoto" runat="server" Height="180px" Width="230px" /></td>    
            </tr>
        </table>       
    </form>
</body>
</html>

赖人不学

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
上传图片后显示在页面js

标题页 #newPreview {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)} function CheckImg(fileUpload) { var mime=fileUpload.value; mime=mime.toLow
复制链接

扫一扫

专栏目录