开发者社区> xiaohei.info> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

CKEditor+SWFUpload实现功能较为强大的编辑器(三)---后台接收图片流程

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq1010885678/article/details/37519271 在...
+关注继续查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq1010885678/article/details/37519271

在前台配置完CKEditor和SWFUpload之后就可以满足基本的需求了

在这里,我配置的接收异步上传的图片的页面为upload.ashx

在这个ashx中对上传的图片处理的流程如下:

context.Response.ContentType = "text/plain";
            HttpPostedFile file = context.Request.Files["Filedata"];//接收到上传的图片
            string fileName = string.Empty;
            string fileExtension = string.Empty;
            if (file != null)
            {
                fileName = Path.GetFileName(file.FileName);//获取图片名
                fileExtension = Path.GetExtension(file.FileName);//获取扩展名
            }
            if (fileExtension == ".jpg")
            {
                string saveDir = "/upload/" + DateTime.Now.Year + "/" + DateTime.Now.Month + "/" + DateTime.Now.Day + "/";//根据当前年月日在upload文件夹中创建该图片的保存路径,便于管理
                Directory.CreateDirectory(Path.GetDirectoryName(context.Server.MapPath(saveDir)));//创建路径
                string fullDir = saveDir + GetMD5.GetFileMD5(file.InputStream) + fileExtension;//使用图片的md5作为该图片保存的名字
                file.SaveAs(context.Server.MapPath(fullDir));
                context.Response.Write("ok;" + fullDir);//保存完毕之后将图片的路径返回
            }
需要注意的几点是:

1.在服务器端保存文件一定要用绝对路径,如context.Server.MapPath(fullDir)

2.使用图片的md5值作为图片的名字,一来保证图片名不会重复,二来在用户上传同一张照片的时候可以将其覆盖


最后,功能比较完善的Ubb编辑器诞生了~~

不过由于编辑器可以转成源码模式

用户还是可以直接在源码模式下输入<,>这些符号

所以在后台接收用户输入的数据的时候

 msg = msg.Replace("<", "&lt").Replace(">", "&gt");

需要对<,>进行替换

最后的最后~

在向用户展示信息的时候,需要把ubb代码转换成html,这样浏览器才能解析

提供一个写好的静态类,要用的时候将ubb代码传进去,返回的就是html代码

UbbHelper

里面有挺多的问题,需要根据自己的需求更改代码


至此,大功告成!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
向量化引擎对HTAP的价值与技术思考
近日,OceanBase CTO 杨传辉解读 HTAP 的文章《真正的 HTAP 对用户和开发者意味着什么?》介绍了 OceanBase 对 HTAP 的理解和技术思路,在读者中引发了广泛讨论。
79 0
【信号去噪】基于奇异值分解(SVD)实现数字信号降噪含Matlab源码
【信号去噪】基于奇异值分解(SVD)实现数字信号降噪含Matlab源码
58 0
Vim编辑器
详解Vim编辑器的介绍及使用
32 0
思否开源项目推介丨WP Editor.md:WordPress 下的 Markdown 编辑器插件
思否开源项目推介丨WP Editor.md:WordPress 下的 Markdown 编辑器插件
78 0
CSDN-markdown编辑器插入网上或本地电脑上的图片
  写博客经常会用到图片,CSDN-markdown编辑器支持插入在线的网上图片,也可以上传本地电脑上的图片。   通过点击工具栏的图片工具或者按下快捷键“Ctrl+G(MAC系统使用Cmd+G)”打开插入图片对话框: 插入在线图片:   在插入图片对话框的“在线图片”标签模式下,输入或粘贴图片地址,点击确定就可以了;如果要添加图片提示,在图片地址后输入一个空格再输入“图片提示”: Chrome浏览器下你可以在需要的图片上点击鼠标右键->复制图片网址 注意:图片提示需要使用英文半角的双引号括起来。
758 0
+关注
163
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载