当前位置:编程学习 > C#/ASP.NET >>

【高分】Web项目发布到IIS中readyState 无法加载完成图片或者文件

在网上找到一个静态方法通过js判断出文件或者图片的大小,进行验证是否符合要求。
代码如下,可以直接用的。

<script language="javascript">
    var ImgObj = new Image(); //建立一个图像对象 
    var AllImgExt = ".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 
    var FileObj, ImgFileSize, ImgWidth, ImgHeight, FileExt, ErrMsg, FileMsg, HasCheked, IsImg//全局变量 图片相关属性 
    //以下为限制变量 
    //var AllowExt="?" //允许上传的文件类型 ?为无限制 每个扩展名后边要加一个"|" 小写字母表示 
    var AllowExt = 0
    var AllowImgFileSize = 70; //允许上传图片文件的大小 0为无限制 单位:KB 
    var AllowImgWidth = 500; //允许上传的图片的宽度 ?为无限制 单位:px(像素) 
    var AllowImgHeight = 500; //允许上传的图片的高度 ?为无限制 单位:px(像素) 
    HasChecked = false;
    function CheckProperty(obj) //检测图像属性 
    {
        FileObj = obj;
        if (ErrMsg != "") //检测是否为正确的图像文件 返回出错信息并重置 
        {
            ShowMsg(ErrMsg, false);
            return false; //返回 
        }
        if (ImgObj.readyState != "complete") //如果图像是未加载完成进行循环检测 
        {
            setTimeout("CheckProperty(FileObj)", 500);
            return false;
        }
        ImgFileSize = Math.round(ImgObj.fileSize / 1024 * 100) / 100; //取得图片文件的大小 
        ImgWidth = ImgObj.width //取得图片的宽度 
        ImgHeight = ImgObj.height; //取得图片的高度 
        FileMsg = "\n图片大小:" + ImgWidth + "*" + ImgHeight + "px";
        FileMsg = FileMsg + "\n图片文件大小:" + ImgFileSize + "Kb";
        FileMsg = FileMsg + "\n图片文件扩展名:" + FileExt;
        if (AllowImgWidth != 0 && AllowImgWidth < ImgWidth)
            ErrMsg = ErrMsg + "\n图片宽度超过限制。请上传宽度小于" + AllowImgWidth + "px的文件,当前图片宽度为" + ImgWidth + "px";
        if (AllowImgHeight != 0 && AllowImgHeight < ImgHeight)
            ErrMsg = ErrMsg + "\n图片高度超过限制。请上传高度小于" + AllowImgHeight + "px的文件,当前图片高度为" + ImgHeight + "px";
        if (AllowImgFileSize != 0 && AllowImgFileSize < ImgFileSize)
            ErrMsg = ErrMsg + "\n图片文件大小超过限制。请上传小于" + AllowImgFileSize + "KB的文件,当前文件大小为" + ImgFileSize + "KB";
        if (ErrMsg != "")
            ShowMsg(ErrMsg, false);
        else
            ShowMsg(FileMsg, true);
    }
    ImgObj.onerror = function () { ErrMsg = '\n图片格式不正确或者图片已损坏!' }
    function ShowMsg(msg, tf) //显示提示信息 tf=true 显示文件信息 tf=false 显示错误信息 msg-信息内容 
    {
        msg = msg.replace("\n", "<li>");
        msg = msg.replace(/\n/gi, "<li>");
        if (!tf) {
            document.all.UploadButton.disabled = true;
            FileObj.outerHTML = FileObj.outerHTML;
            MsgList.innerHTML = msg;
            HasChecked = false;
        }
        else {
            document.all.UploadButton.disabled = false;
            if (IsImg)
                PreviewImg.innerHTML = "<img src='" + ImgObj.src + "' width='60' height='60'>"
            else
                PreviewImg.innerHTML = "非图片文件";
            MsgList.innerHTML = msg;
            HasChecked = true;
        }
    }
    function CheckExt(obj) {
        ErrMsg = "";
        FileMsg = "";
        FileObj = obj;
        IsImg = false;
        HasChecked = false;
        PreviewImg.innerHTML = "预览区";
        if (obj.value == "") return false;
        MsgList.innerHTML = "文件信息处理中...";
        document.all.UploadButton.disabled = true;
        FileExt = obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
        debugger
        if (AllowExt != 0 && AllowExt.indexOf(FileExt + "|") == -1) //判断文件类型是否允许上传 
        {
            ErrMsg = "\n该文件类型不允许上传。请上传 " + AllowExt + " 类型的文件,当前文件类型为" + FileExt;
            ShowMsg(ErrMsg, false);
            return false;
        }
        if (AllImgExt.indexOf(FileExt + "|") != -1) //如果图片文件,则进行图片信息处理 
        {
            IsImg = true;
            ImgObj.src = obj.value;
            CheckProperty(obj);
            return false;
        }
        else {
            FileMsg = "\n文件扩展名:" + FileExt;
            ShowMsg(FileMsg, true);
        }
    }
  
</script>
<form enctype="multipart/form-data" method="POST" onsubmit="return HasChecked;">
<fieldset style="width: 372; height: 60; padding: 2px;">
    <legend><font color="#FF0000">图片来源</font></legend>
 上传图片:<input type="file" name="file1"
            onchange="CheckExt(this)" style="width: 180px;">
    <input type="submit" id="UploadButton" value="开始上传" disabled>
    <div style="border: 1 solid #808080; background: #E0E0E0; width100%; height: 20px;
        color: #606060; padding: 5px;">
        <table border="0">
            <tr>
                <td width="60" id="PreviewImg">
                    预览区
                </td>
                <td id="MsgList" valign="top">
                </td>
            </tr>
        </table>
    </div>
</fieldset>

</form>


问题:静态页面直接访问可以,但是如果通过IIS发布出来后运行此页面就无法加载图片始终在
        if (ImgObj.readyState != "complete") //如果图像是未加载完成进行循环检测 
        {
            setTimeout("CheckProperty(FileObj)", 500);
            return false;
        }
这一句中循环加载图片。 不知道什么原因 ImgObj.readyState始终等于uninitialized 无法加图片 iis无法readyState预加载, --------------------编程问答-------------------- 帮忙看看。急一直在线等着,谢谢! --------------------编程问答-------------------- 没人回答吗?求顶。求up
补充:.NET技术 ,  C#
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,