成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

ASP.NET MVC框架中引入JQUERY JQRTE控件

開發 后端
本文介紹了將JQUERY JQRTE控件引入到了asp.net mvc框架中的步驟。

經過將近兩周的努力,終于將JQUERY的JQRTE文本編輯器控件引入到了asp.net mvc框架中,主要步驟如下:

1.在asp.net mvc項目中引入jqrte類庫,聲明輔助類用于存儲服務器端上載文件的信息

  1. public class ViewDataUploadFilesResult  
  2. {  
  3.     public string message { getset; }  
  4.     //public int Length { get; set; }  
  5.     public string imagepath { getset; }  
  6.     public string error { getset; }  
  7. }  

2.編寫處理文件上載服務器段代碼,并將上載的文件信息返回給客戶端,代碼如下:

  1. [AcceptVerbs(HttpVerbs.Post)]  
  2.         public JsonResult UploadFiles(FormCollection collection)  
  3.         {  
  4.             var r = new ViewDataUploadFilesResult();  
  5.             foreach (string file in Request.Files)  
  6.             {  
  7.                 string url = Request.Url.Authority;  
  8.                 url = "http://" + url;  
  9.                 HttpPostedFileBase hpf = Request.Files[file] as HttpPostedFileBase;  
  10.                 string date = DateTime.Now.Date.ToShortDateString();  
  11.                 string path = Path.Combine(  
  12.                     AppDomain.CurrentDomain.BaseDirectory,  
  13.                     "Content");  
  14.                 string datePath = Path.Combine(path,date);  
  15.                 Directory.CreateDirectory(datePath);  
  16.                 url += "/Content/";  
  17.                 url += date;  
  18.                 url += "/";  
  19.                 url += Path.GetFileName(hpf.FileName);  
  20.                 if (hpf.ContentLength == 0)  
  21.                     continue;  
  22.                 string savedFileName = Path.Combine(  
  23.                     datePath,  
  24.                     Path.GetFileName(hpf.FileName));  
  25.                 try 
  26.                 {  
  27.                     hpf.SaveAs(savedFileName);  
  28.                 }  
  29.                 catch (Exception e)  
  30.                 {  
  31.                     r.error = e.ToString();  
  32.                 }  
  33.                 //r.Name = savedFileName;  
  34.                 //r.Length = hpf.ContentLength;  
  35.                 r.imagepath = url;  
  36.                 r.message = "ok";  
  37.                 r.error = "ok";  
  38.                 //r.Add(new ViewDataUploadFilesResult()  
  39.                 //{  
  40.                 //    Name = savedFileName,  
  41.                 //    Length = hpf.ContentLength  
  42.                 //});  
  43.             }  
  44.             JsonResult jsonResult = Json(r);  
  45.             jsonResult.ContentType = "text/html";  
  46.             return jsonResult;  
  47.         }    

之所以搞了這么長時間,問題也主要出在這兒,開始用的是return json(r),發現jquery的回調函數總是無法獲得服務器端的json,反而會跳出個下載文件對話框,反復閱讀jquery的源代碼,折磨了一周多后,在asp.net mvc官方論壇上注冊了個用戶,經過一番討論,最后發現對于有file控件的ajax form,在action方法中應當制定json的contentType才會正確處理json對象,源代碼如上,感謝熱心朋友的幫助,要不然不知道這個問題會折磨到我什么時候。原貼鏈接如下:http://forums.asp.net/t/1439867.aspx

3.修改jqrte的fileupload源代碼,只要改一下action路徑就行,在jquery.jqrte.min.js中修改uploads函數:

增加和修改的代碼如下:   

  1. var path = window.location.href.replace(/editor/, "UploadFiles");     
  2.     //    alert(path);     
  3.     $.jQRTE.ajaxFileUpload({ url: path, secureuri: false, fileElementId: "upload" + uid + "_fileToUpload", dataType: "json",    

4.準備編輯器頁面,原代碼如下:

  1. < %@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>     
  2.     
  3. < asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">     
  4.     editor     
  5. < /asp:Content>     
  6.     
  7. < asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">     
  8.     < link rel="stylesheet" type="text/css" href="css/jqframework.css" mce_href="css/jqframework.css"/>     
  9.     < !--[if IE]>< link rel="stylesheet" type="text/css" href="css/ie-only.css" mce_href="css/ie-only.css" />< ![endif]-->     
  10.       
  11.     < link rel="Stylesheet" type="text/css" href="../../Scripts/jqrte/css/jqrte.css" mce_href="Scripts/jqrte/css/jqrte.css" />     
  12.     < link type="text/css" href="../../Scripts/jqrte/css/jqpopup.css" mce_href="Scripts/jqrte/css/jqpopup.css" rel="Stylesheet"/>     
  13.     < link rel="stylesheet" href="../../Scripts/jqrte/css/jqcp.css" mce_href="Scripts/jqrte/css/jqcp.css" type="text/css"/>     
  14.     
  15.     < mce:script type="text/javascript" src="../../Scripts/jqrte/js/jqDnR.min.js" mce_src="Scripts/jqrte/js/jqDnR.min.js">< /mce:script>     
  16.     < mce:script type="text/javascript" src="../../Scripts/jqrte/js/jquery.bgiframe.min.js" mce_src="Scripts/jqrte/js/jquery.bgiframe.min.js">< /mce:script>     
  17.     < mce:script type="text/javascript" src="../../Scripts/jqrte/js/jquery.jqcp.min.js" mce_src="Scripts/jqrte/js/jquery.jqcp.min.js">< /mce:script>     
  18.     < mce:script type="text/javascript" src="../../Scripts/jqrte/js/jquery.jqpopup.min.js" mce_src="Scripts/jqrte/js/jquery.jqpopup.min.js">< /mce:script>     
  19.     < mce:script type="text/javascript" src="../../Scripts/jqrte/js/jquery.jqrte.min.js" mce_src="Scripts/jqrte/js/jquery.jqrte.min.js">< /mce:script>     
  20.     < h2>editor< /h2>     
  21.     < div id="demo">     
  22.       < textarea id="demo1" name="demo1" class="jqrte_popup" rows="5" cols="5" >rich text editor with < b>Content< /b>    
  23.   

這樣就可以在asp.net mvc框架中使用jqrte編輯器的強大功能了。

【編輯推薦】

  1. ASP.NET關機代碼(Windows為本機)
  2. ASP.NET QueryString亂碼解決問題
  3. ASP.NET畫面跳轉實現及其傳值問題解決方案
  4. ASP.NET Web應用程序用戶操作信息描述類
  5. ASP.NET之父強烈推薦:ASP.NET AJAX著作
責任編輯:book05 來源: csdn
相關推薦

2009-07-24 13:20:44

MVC框架ASP.NET

2009-07-22 13:24:24

ASP.NET MVC

2009-07-22 10:09:59

ASP.NET MVC

2009-07-20 10:53:59

ASP.NET MVC

2010-11-18 08:46:27

ASP.NET MVC

2009-07-22 10:34:37

ActionInvokASP.NET MVC

2009-07-22 13:08:55

拯救UpdatePanASP.NET MVC

2009-07-29 09:17:12

jQuery刪除

2009-07-28 14:47:18

ASP.NET MVC

2010-06-23 15:44:03

ASP.NET MVC

2011-04-12 13:53:25

ASP.NET MVCjQuery

2009-03-13 10:58:48

ASP.NetMVC框架編程

2014-06-30 09:22:38

ASP.NETBootstrap

2009-07-31 12:43:59

ASP.NET MVC

2009-07-20 12:59:53

ASP.NET MVCASP.NET框架的功

2009-07-24 11:20:43

ASP.NET MVC

2009-07-21 17:18:26

UpdateProgrASP.NET AJA

2009-09-11 09:09:00

ASP.NETAdRotator控件

2009-07-20 13:32:24

ScriptManagASP.NET

2009-07-20 13:54:31

ScriptManagASP.NET AJA
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 欧美日韩三级 | 成人免费视频网 | 亚洲444eee在线观看 | 免费精品久久久久久中文字幕 | 中文字幕第一页在线 | 国产成人一区二 | 欧美一级在线观看 | 欧美成人一区二免费视频软件 | 二区不卡| 一区二区视频免费观看 | 91欧美| 免费超碰 | 亚洲一区二区三区四区五区中文 | 免费成人高清在线视频 | 成人一区二区三区 | 成人在线免费观看视频 | 国产精品成av人在线视午夜片 | 午夜影院在线观看 | 观看av | 一区二区亚洲 | www日本高清| 国产精品区二区三区日本 | 精品久久中文 | 亚洲视频一 | 99精品亚洲国产精品久久不卡 | 一级片免费视频 | 国产资源网 | 日韩欧美三区 | 国产一区二 | 日本精品在线一区 | 日韩国产一区二区三区 | 久久草在线视频 | 一区二区三区在线观看视频 | 成人欧美一区二区 | 精品视频www| 国产高清一区二区三区 | www亚洲免费国内精品 | 在线小视频 | 亚洲一在线| 久久久久久久亚洲精品 | 日本欧美国产 |