写了一个图片预览程序,抄多写少,理解为重

本文介绍了一个简单的JavaScript函数,用于在上传文件前预览本地图片。该函数通过验证文件路径、扩展名等确保预览的图片格式正确。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   
<script language="javascript" type="text/javascript">
    
//==============================
    //功能:Javascript本地图片预览
    //Author:orichisonic
    //Site:http://blog.youkuaiyun.com/orichisonic
    //Date:2006-07-26
    //说明:简单的判断了文件的合法性
    //适用于:上传文件前预览本地图片
    //==============================
     function ShowImage(value,img)
    
{
            
//alert(value);
            //检测盘符
            //alert(value.indexOf(':'));
            //检测文件是否有扩展名
            //alert(value.length-value.lastIndexOf('.'));
            //取文件扩展名
            //alert(value.substr(value.length-3,3));
            //检测文件扩展名是否合法
            //alert(CheckExt(value.substr(value.length-3,3)));
            
        
if(value.length>5&&value.indexOf(':')==1&&(value.length-value.lastIndexOf('.'))==4&&CheckExt(value.substr(value.length-3,3)))
        
{
            img.src
=value;
            img.alt
="本地图片预览";
            img.style.visibility
="visible";
        }

        
else
        
{
                    img.style.visibility
="hidden";
              }

    }

    
//检查扩展名是否合法,合法返回True
    function CheckExt(ext)
    
{
        
//这里设置允许的扩展名
        var AllowExt="jpg|gif|jpeg|png|bmp";
        
var ExtOK=false;
            
var ArrayExt;
            
if(AllowExt.indexOf('|')!=-1)
            
{
                ArrayExt
=AllowExt.split('|');
                
for(i=0;i<ArrayExt.length;i++)
                
{
                    
if(ext.toLowerCase()==ArrayExt[i])
                    
{
                        ExtOK
=true;
                        
break;
                    }

                }

            }

            
else
            
{
                ArrayExt
=AllowExt;
                
if(ext.toLowerCase()==ArrayExt)
                
{
                    ExtOK
=true;
                }

            }

            
return ExtOK;
    }

</script>

在aspx中加入asp控件

<asp:Image id="Image1" style="visbility:hidden" runat="server" ></asp:Image>

 

问题解决了,发觉如果和缩略以及水印功能联动,效果也许更好.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值