.NET MVC] SmartEditor (스마트 에디터)

티스토리 뷰

카테고리 없음

.NET MVC] SmartEditor (스마트 에디터)

James Wetzel 2015. 5. 13. 15:57

728x90

SmartEditor (스마트 에디터) - 이미지 파일 첨부 기능, 이미지 리사이즈 기능

wyditor.zip

Server] 이미지 첨부파일 Controller

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using Klattermusen.Models.File;

namespace Klattermusen.Admin.Controllers

{

public class SmartEditorController : Controller

{

protected override void Initialize(System.Web.Routing.RequestContext requestContext)

{

this.file = new File();

base.Initialize(requestContext);

}

[HttpGet]

public ActionResult ImageUpload()

{

return View();

}

[HttpPost]

public ActionResult ImageUpload(string filename, string renameFile, HttpPostedFileBase dataFieldName)

{

string fileFullPath = Server.MapPath(System.Web.Configuration.WebConfigurationManager.AppSettings["FileAttachedDynamicContents"]);

this.file.DirectoryMake(fileFullPath);

this.file.Save(dataFieldName, fileFullPath, renameFile + "_" + filename);

return View();

}

private IFile file;

}

Client] 이미지 첨부파일 View

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Image Upload</title>

<!--

function attachConfirm() {

document.getElementById('btnSubmit').style.display = "none";

document.getElementById('btnCancel').style.display = "none";

NfUpload.FileUpload();

}

function attachCancel() {

document.getElementById('btnSubmit').style.display = "";

document.getElementById('btnCancel').style.display = "";

Frm.reset();

}

function attachFinish(value) {

$(value.split('|')).each(function() {

opener.wyditorUploadOk('<%= Request["id"] %>', '<%= System.Web.Configuration.WebConfigurationManager.AppSettings["WebSite"] %>/<%= System.Web.Configuration.WebConfigurationManager.AppSettings["FileAttachedDynamicContents"] %>/' + this);

});

self.close();

}

//-->

</script>

<!--

// -----------------------------------------------------------------------------

// Globals

// -----------------------------------------------------------------------------

var _NF_MaxFileSize = 7168; // 업로드 제한 용량 (기본값: 10,240 Kb) (단위는 Kb)

var _NF_MaxFileCount = 10; // 업로드 파일 제한 갯수 (기본값: 10)

var _NF_UploadUrl = "/SmartEditor/ImageUpload"; // 업로드 소스파일 경로 (반드시 입력해야함)

var _NF_FileFilter = "이미지(*.jpg,*.gif,*.png,*.bmp,*.swf)|:|*.jpg;*.gif;*.png;*.bmp;*.swf"; // 파일 필터링 값 ("이미지(*.jpg)|:|*.jpg;*.gif;*.png;*.bmp"); // 기본값 모든파일

var _NF_DataFieldName = "DataFieldName"; // 업로드 폼에 사용되는 값 (기본값(UploadData))

var _NF_Flash_Url = "/Scripts/wyditor/NFUpload/nfupload.swf?d=20081028"; // 업로드 컴포넌트 플래쉬 파일명

var _NF_File_Overwrite = false; // 업로드시 파일명 처리방법(true : 원본파일명 유지, 덮어씌우기 모드 / false : 유니크파일명으로 변환, 중복방지)

var _NF_Limit_Ext = "asp;html;htm;php;php3;cgi;phtm;phtm;inc;sql;pl"; // 파일 제한 확장자

// 플래시 업로더 화면 구성 설정 변수

var _NF_Width = 450; // 업로드 컴포넌트 넓이 (기본값 480)

var _NF_Height = 181; // 업로드 컴포넌트 폭 (기본값 150)

var _NF_ColumnHeader1 = "파일명"; // 컴포넌트에 출력되는 파일명 제목 (기본값: File Name)

var _NF_ColumnHeader2 = "용량"; // 컴포넌트에 출력되는 용량 제목 (기본값: File Size)

var _NF_FontFamily = "굴림"; // 컴포넌트에서 사용되는 폰트 (기본값: Times New Roman)

var _NF_FontSize = "11"; // 컴포넌트에서 사용되는 폰트 크기 (기본값: 11)

// [2008-10-28] Flash 10 support

var _NF_Img_FileBrowse = "/Scripts/wyditor/NFUpload/images/btn_file_browse.gif"; // 파일찾기 이미지

var _NF_Img_FileBrowse_Width = "59"; // 파일찾기 이미지 넓이 (기본값 59)

var _NF_Img_FileBrowse_Height = "22"; // 파일찾기 이미지 폭 (기본값 22)

var _NF_Img_FileDelete = "/Scripts/wyditor/NFUpload/images/btn_file_delete.gif"; // 파일삭제 이미지

var _NF_Img_FileDelete_Width = "59"; // 파일삭제 이미지 넓이 (기본값 59)

var _NF_Img_FileDelete_Height = "22"; // 파일삭제 이미지 폭 (기본값 22)

var _NF_TotalSize_Text = "전체용량 "; // 파일용량 텍스트

var _NF_TotalSize_FontFamily = "굴림"; // 파일용량 텍스트 폰트

var _NF_TotalSize_FontSize = "11"; // 파일용량 텍스트 폰트 크기

var frmUpload;

window.onload = function() {

// [2008-10-28] Flash 10 support

//sMaxSize.innerHTML = SizeCalc(_NF_MaxFileSize);

}

/*****************************************************************************

/* 업로드가 완료 되었을 때 사용되는 함수

/* (주의: 이 함수명은 변경하면 안됩니다.)

/* 함수명을 변경하게 되면 업로드가 완료된 다음 다른 작업을 진행할 수 없습니다.

/* value: 파일명들 (배열로 리턴됨. 단, 업로드가 진행되지 않으면 null값 리턴)

/*****************************************************************************/

function NFU_Complete(value) {

var files = "";

var fileCount = 0;

var i = 0;

// 이 부분을 수정해서 파일이 선택되지 않았을 때에도 submit을 하게 수정할 수 있습니다.

if (value == null) {

alert("업로드할 파일을 선택해 주세요.");

return;

}

fileCount = value.length;

for (i = 0; i < fileCount; i++) {

var fileName = value[i].name;

var realName = value[i].realName;

var fileSize = value[i].size;

files += ((files) ? "|" : "") + fileName + "_" + realName;

}

attachFinish(files);

}

/******************************************************************************

/* 파일 선택한 뒤 용량을 반환해 주는 함수

/* (주의: 이 함수명은 변경하면 안됩니다.)

/* 함수명을 변경하게 되면 업로드가 완료된 다음 다른 작업을 진행할 수 없습니다.

/* value: 선택한 파일 용량 (용량은 KB, MB, GB 단위)

/*****************************************************************************/

function NF_ShowUploadSize(value) {

// value값에 실제 업로드된 용량이 넘어온다.

document.getElementById("sUploadSize").innerHTML = value;

}

function NFUpload_Debug(value) {

Debug("업로드 오류!!!\r\n\r\n" + value);

}

function Cancel() {

// 초기화 할때는 첨부파일 리스트도 같이 초기화 시켜 준다.

NfUpload.AllFileDelete();

attachCancel();

}

// -->

</script>

</head>

</form>

<tr>

<td>

<tr>

<td>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<tr>

</tr>

<tr>

<tr>

<!--

// Flash 업로더 객체를 생성하는 자바 스크립트 입니다.

// 이 스크립트는 Form 태그내에 들어가게 되면 오류가 발생하기 때문에

// 반드시 Form 태그 밖에서 사용해야 합니다.

// [2008-10-28] Flash 10 support

NfUpload = new NFUpload({

nf_upload_id: _NF_Uploader_Id,

nf_width: _NF_Width,

nf_height: _NF_Height,

nf_field_name1: _NF_ColumnHeader1,

nf_field_name2: _NF_ColumnHeader2,

nf_max_file_size: _NF_MaxFileSize,

nf_max_file_count: _NF_MaxFileCount,

nf_upload_url: _NF_UploadUrl,

nf_file_filter: _NF_FileFilter,

nf_data_field_name: _NF_DataFieldName,

nf_font_family: _NF_FontFamily,

nf_font_size: _NF_FontSize,

nf_flash_url: _NF_Flash_Url,

nf_file_overwrite: _NF_File_Overwrite,

nf_limit_ext: _NF_Limit_Ext,

nf_img_file_browse: _NF_Img_FileBrowse,

nf_img_file_browse_width: _NF_Img_FileBrowse_Width,

nf_img_file_browse_height: _NF_Img_FileBrowse_Height,

nf_img_file_delete: _NF_Img_FileDelete,

nf_img_file_delete_width: _NF_Img_FileDelete_Width,

nf_img_file_delete_height: _NF_Img_FileDelete_Height,

nf_total_size_text: _NF_TotalSize_Text,

nf_total_size_font_family: _NF_TotalSize_FontFamily,

nf_total_size_font_size: _NF_TotalSize_FontSize

});

//-->

</script>

</td>

</tr>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Client] SmartEditor 생성 View

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/WebSite.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

Create

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>Dynamic Contents Create</h2>

<% Html.BeginForm("Create", "DynamicContentsManager", FormMethod.Post); %>

<%= Html.TextArea("Contents", null, new { @style = "width:750px; height:360px;" }) %>

<br />

<% Html.EndForm(); %>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">

$(document).ready(function() {

var objEditor = new wyditor('Contents');

objEditor.create();

});

</script>

</asp:Content>

728x90

저작자표시 비영리 동일조건

공지사항

최근에 올라온 글

최근에 달린 댓글

Total

Today

Yesterday

링크

TAG more

« 2025/02 »
일	월	화	수	목	금	토
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28

글 보관함

정훈's 프로그래밍

티스토리 뷰

.NET MVC] SmartEditor (스마트 에디터)

티스토리툴바