ImagePreView 未定义

gegee8610 2011-02-05 04:19:28

这个问题我都调试了好久了，一直都没解决，这个ImagePreView.js是一定放进去了的，但为什么提示未定义呢？我主要就是用这个JS展现一种预览缩略图的效果，同样在html页面下就没错，在aspx页面就有这样的错误。希望能有人帮助我，一定高分重谢！

...全文

714 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

weizengxun 2011-05-28

打赏
举报

我的也是这样滴问题，不过经过我的不懈努力终于解决了！
1.关键地方是js转编码下面转码的方法-------找了好久才找到的。
<script src="../js/CJL.0.1.min.js" charset="gb2312" type="text/javascript"></script>

<script src="../js/ImagePreview.js" charset="gb2312" type="text/javascript"></script>
那个写这个方法的人也真是的，也不声明，也许是我们不懂吧
2.IE8、ie7下图片显示个红叉叉“X”，解决方法
//透明图片
ImagePreview.TRANSPARENT = $$B.ie7 || $$B.ie6 ?
"mhtml:" + document.scripts[document.scripts.length - 1].getAttribute("src", 4) + "!blankImage" :
"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
这个生成图片好像在.net下不起作用。
把这个换成一张100%透明的png图片当然越小越好1x1px吧
//透明图片
ImagePreview.TRANSPARENT = "../images/bg.png"
这样就可以显示了！
不知你们还有什么好的方法吗？

yuanweiyw 2011-03-09

打赏
举报

我也遇到的同样的问题，但现在解决了，就是.aspx 如果用如果用的是UFT8的编码。就会有ImagePreView未定义的问题。要把所有的ImagePreView.js *.js 都改成UFT8的编码问题就解决了！
这个ImagePreView 我感觉很好，将在你我车网找车网中应用，WWW.YOUICAR.COM .有兴趣的观注一下

gegee8610 2011-02-05

打赏
举报



<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>图片预览效果</title>

    <script language="javascript" type="text/javascript" src="../Js/CJL.0.1.min.js"></script>

    <script language="javascript" type="text/javascript" src="../Js/QuickUpload.js"></script>

    <script language="javascript" type="text/javascript" src="../js/ImagePreviewd.js"></script>

</head>

<body>

<style>

.perview {width:600px;background:#fff;font-size:12px; border-collapse:collapse;}

.perview td, .perview th {padding:5px;border:1px solid #ccc;}

.perview th {background-color:#f0f0f0; height:20px;}

.perview a:link, .perview a:visited, .perview a:hover, .perview a:active {color:#00F;}

.perview table{ width:100%;border-collapse:collapse;}

</style>

<table border="0" class="perview">

	<tr>

			<th>选择文件</th>

			<th width="50%">预览图</th>

		</tr>

		<tr>

			<td height="200"><input id="idFile" name="pic" type="file" /></td>

			<td align="center"><img id="idImg" /></td>

		</tr>

	</tbody>

</table>

<script>



var ip = new ImagePreview( $$("idFile"), $$("idImg"), {

	maxWidth: 200, maxHeight: 200, action: "ImagePreview.ashx"

});

ip.img.src = ImagePreview.TRANSPARENT;

ip.file.onchange = function(){ ip.preview(); };



</script>

/body>

</html>

同样的上面的这个就行！

gegee8610 2011-02-05

打赏
举报



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddFloor.aspx.cs" Inherits="Manage_Floor_AddFloor" %>



<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>



<!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 id="Head1" runat="server">

    <title></title>

     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

     <link href="../Css/Base.css" rel="stylesheet" type="text/css" />

     <link href="../Css/main.css" rel="stylesheet" type="text/css" />

     

    <script language="javascript" type="text/javascript" src="../Js/CJL.0.1.min.js"></script>

    <script language="javascript" type="text/javascript" src="../Js/QuickUpload.js"></script>

    <script language="javascript" type="text/javascript" src="../js/ImagePreviewd.js"></script>

</head>

<body>

     <form id="form1" runat="server">

    <div class="users">

        <dl>

            <dt>添加荣誉信息</dt>

            <dt><a href="FloorManage.aspx">管理荣誉信息</a></dt>

        </dl>

        </div>

        <div>

           <table width="914" height="100" border="0">

  <tr>

    <td width="99" height="25">标题：</td>

    <td width="513" align="left"><asp:TextBox ID="txtTitle" runat="server" Width="300px"></asp:TextBox></td>

      <td align="center" rowspan="3" width="513">

          <b>图片预览</b><br />

                       <asp:Image ID="idImg" runat="server" Width="200" Height="200"/></td>

  </tr>

  <tr>

    <td style="height: 25px">上传图片：</td>

    <td align="left" style="height: 29px"><asp:FileUpload ID="FileUpload1" runat="server" />

    

        <asp:Label ID="Label1" runat="server" Text="上传的图片大小不能超过2兆" ForeColor="red"></asp:Label>

    </td>

  </tr>

  <tr>

    <td style="height: 24px"> </td>

    <td align="left" style="height: 24px"> <asp:Button ID="btnaddd" runat="server" Text="添加" OnClick="btnaddd_Click" />

     <input type="reset" name="Submit2" value="重置" /> 

        <asp:Label ID="lb" runat="server" Text="" ForeColor="red"></asp:Label></td>

  </tr>

</table>  

<script>

    var ip = new ImagePreview( $$("FileUpload1"), $$("idImg"), {

	    maxWidth: 200, maxHeight: 200, action: "ImagePreview.ashx"

    });



    ip.img.src = ImagePreview.TRANSPARENT;

    ip.file.onchange = function(){ ip.preview();};

</script>                             

        </div>

    </form>

</body>

</html>