ckeditor的简单使用以及多张图片上传插件的制作

最新推荐文章于 2026-04-25 09:02:42 发布

原创

最新推荐文章于 2026-04-25 09:02:42 发布 · 5.1k 阅读

标签

#mvc #ckeditor #多张图片上传

收录于

本文介绍了如何在ASP.NET MVC项目中集成CKEditor 4.7.3，并实现多张图片上传功能。首先从网上下载CKEditor，然后在VS2015中创建一个新的MVC项目，将下载的包导入并编写控制器代码处理图片上传。接着在HTML页面中配置CKEditor，利用CKEditor的插件机制，创建名为multiimg的插件，编写相应的plugin.js文件实现多图上传功能。最后，提供了一个完成后的demo链接供下载参考。

效果图

一、网上下载 ckeditor_4.7.3_full 。

二、用VS2015新建MVC空白项目，将ckeditor_4.7.3_full 文件放入，并添加一个控制器DefaultController，加入以下上传图片的代码。

public class DefaultController : Controller
{
    [HttpPost]
    public string SaveDetailImg(HttpPostedFileBase files) 
    {
        string returnStr = "";
        if (files == null)
        {
            returnStr = "false,请先选择要上传的图片！";
        }
        else
        {
            string fileName = Path.GetFileName(files.FileName);
            string suffix = fileName.Substring(fileName.LastIndexOf(".") + 1).ToLower(); /* 获取后缀名并转为小写：jpg */
            if (suffix != "jpg" && suffix != "jpeg" && suffix != "bmp" && suffix != "png")
            {
                returnStr = "false,只支持上传后缀为jpg、jpeg、png或bmp的图片！";