ASP.NET配置Ueditor編輯器上傳圖片路徑

時間 2019-11-19

標籤 asp.net asp 配置 ueditor 編輯器上傳圖片路徑欄目 ASP 简体版

原文原文鏈接

一、配置ueditor/editor_config.js文件，將javascript

        //圖片上傳配置區
        ,imageUrl:URL+"net/imageUp.ashx"             //圖片上傳提交地址
        ,imagePath:URL + "net/"                     //圖片修正地址，引用了fixedImagePath,若有特殊需求，可自行配置

修改成html

        //圖片上傳配置區
        ,imageUrl:URL+"net/imageUp.ashx"             //圖片上傳提交地址
        ,imagePath:"http://localhost:3499/"                     //圖片修正地址，引用了fixedImagePath,若有特殊需求，可自行配置

說明：其實，這裏惟一變的地方就是imagePath，由於URL的值是經過一個函數計算出來的，其默認是就是ueditor所在的網頁路徑，好比：http://www.a.com/ueditor/。若是imagePath不作修改的話，那麼咱們在上傳完圖片，點擊肯定以後，編輯器返回的圖片路徑就是http://www.a.com/ueditor/net/upload/xxxxx.jpg。可是咱們不想保存在/ueditor/net/upload/目錄下，咱們只想保存在根目錄下面的upload下面，怎麼辦？那咱們只要修改imagePath的值就能夠了。就像上面同樣。java

二、修改ueditor/net/imageUp.ashx文件，將文件頭部的網絡

<%@ Assembly Src="Uploader.cs" %>

去掉。若是不去掉，就會提示：網絡連接錯誤,請檢查配置後重試。在網上查了下緣由，說是跟.NET Framework版本有關。個人是4.0的。編輯器

三、修改ueditor/net/Uploader.cs文件，將函數

        pathbase = pathbase + DateTime.Now.ToString("yyyy-MM-dd") + "/";
        uploadpath = cxt.Server.MapPath(pathbase);//獲取文件上傳路徑

修改成網站

        pathbase = pathbase + DateTime.Now.ToString("yyyy-MM-dd") + "/";
        uploadpath = cxt.Server.MapPath("~/" + pathbase);//獲取文件上傳路徑

說明：由於這裏的pathbase的值是「upload/」，咱們獲取文件上傳路徑的值就是：http://www.a.com/ueditor/net/upload/，不是咱們想要的結果，因此我在這裏加了個定位到網站根目錄的字符串。這樣uploadpath返回的值就是正確的了：http://www.a.com/upload/。ui

四、在頁面上添加代碼，顯示ueditor。spa

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Ueditor.aspx.cs" Inherits="WebForm.Ueditor" %>

<!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 runat="server">
    <title></title>
    <script type="text/javascript" src="ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="ueditor/ueditor.all.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <script id="myEditor" type="text/plain" name="content"></script>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
    //建立編輯器
    var editor = new UE.ui.Editor({ initialFrameWidth: 600, initialFrameHeight: 300 }); editor.render("myEditor"); </script>