首页 HTML/CSS xheditor 图片上传及批量上传功能

xheditor 图片上传及批量上传功能

作者:胡同里的砖头 围观群众:2158 更新于:2013-12-19

前台引用:

<link href="CSS/Main.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="../../xheditor/jquery/jquery-1.4.2.min.js"></script>
 <script type="text/javascript" src="../../xheditor/xheditor-zh-cn.min.js?v=1.1.3"></script>

页面层引用:

<div id="map">
    <asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="~/BBSPage/Img/home.gif" PostBackUrl="~/BBSPage/main/BBSMainPage.aspx" />
    <img src="../Img/pt_item.png" />
    <a href="../Ban/BanPage.aspx?bid=<%=bk.Rows[0]["BK_ID"].ToString() %>"><%=bk.Rows[0]["BK_Title"].ToString() %></a>
    <img src="../Img/pt_item.png" />
    <a>发表新帖</a>
</div>

<div class="content">
<h3>发表新帖</h3>
<span><ul id="addul"><li><div>主题:</div></li><li><asp:TextBox ID="TextBox1" runat="server" Width="500px"></asp:TextBox></li></ul></span>

<%--<textarea cols="45" rows="5" name="content" id="content"  style="width:100%;height:300px;"></textarea>--%>
    <asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Width="100%" Height="300px"></asp:TextBox>
    <asp:Button ID="Button1" runat="server" Text="发表主题"
        onclick="Button1_Click" />
</div>

<script type="text/javascript">
$(pageInit);function pageInit()
{  
    $('#ctl00_ContentPlaceHolder1_AddInvitaTion1_TextBox2').xheditor({skin:'vista',urlType:'abs',forcePasteText:'true',upImgUrl:'!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}demos/upload.asp?immediate=1&ext=1(*.jpg;*.jpeg;*.gif;*.png)',upFlashUrl:'!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}demos/upload.asp?immediate=1&ext=1(*.swf)',upMediaUrl:'!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}demos/upload.asp?immediate=1&ext=1(*.wmv;*.avi;*.wma;*.mp3;*.mid)'});

}

</script>

 

以上为xheditor1.1.3版本的

 

  • 本文标题: xheditor 图片上传及批量上传功能
  • 文章分类:【HTML/CSS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8