Kindeditor JS 富文本编辑器图片上传指定路径
js
//==================
KindEditor.ready(function (K) {
var hotelid = $("#hotelid").val();
window.editor1 = K.create('#jdxx', {
//上传管理
uploadJson: '/Hotelgl/UploadImage?id=' + hotelid,
//文件管理
fileManagerJson: '/Hotelgl/UploadImage?id='+hotelid ,
allowFileManager: false,
width: '100%',
height: '170px',
afterBlur: function () {
this.sync();
},
//hotelid 酒店id值
extraFileUploadParams: {
item_id: 1000,
id: hotelid
} }); });
$("#jdjscx").click(function () {
var xgid = $("#hotel option:selected").attr("value");
KindEditor.remove('#jdxx'); // 先移除之前创建的编辑器
editor1 = KindEditor.create('#jdxx', { // 再重新创建编辑器
uploadJson: '/Hotelgl/UploadImage?id=' + xgid,
fileManagerJson: '/Hotelgl/UploadImage?id=' + xgid,
allowFileManager: false,
width: '100%',
height: '170px',
afterBlur: function () {
this.sync();
},
extraFileUploadParams: {
item_id: ,
id: xgid
}
});
//重新布局异步刷新
cx(xgid);
})
//后台
//======================图片上传=======================//
[HttpPost]
public void UploadImage()
{
var jdid = int.Parse(Request.Form["id"].ToString());
//文件保存路径
var savePath = string.Empty;
var savePath2 = string.Empty;
var jdcx = db.hotel.Find(jdid); if (jdcx.lx == )
{
savePath = "~/img/" + jdcx.gsid + "/" + jdid + "/fwbtp/";
savePath2 = "../../img / " + jdcx.gsid + "/" + jdid + "/fwbtp/ "; }
else
{
savePath = "~/img/" + jdid + "/fwbtp/";
savePath2 = "../../img/" + jdid + "/fwbtp/";
} //文件保存路径
//string savePath = "/img/"+xgid;
//const string savePath = "/Content/Images/";
//上传文件类型
string fileTypes = "gif,jpg,jpeg,png,bmp"; //上传文件大小 限制大小1M 一张图片
int maxSize = ; var hash = new Hashtable();
//获取文件信息
HttpPostedFileBase file = Request.Files["imgFile"];
if (file == null)
{
hash = new Hashtable();
hash["error"] = ;
hash["message"] = "请选择文件";
Response.AddHeader("Content-Type", "text/html; charset=UTF-8");
Response.Write(JsonMapper.ToJson(hash));
} string dirPath = Server.MapPath(savePath);
if (!Directory.Exists(dirPath))
{
//不存在该目录则创建一个
Directory.CreateDirectory(dirPath);
//hash = new Hashtable();
//hash["error"] = 1;
//hash["message"] = "上传目录不存在";
//return Json(hash, "text/html;charset=UTF-8");
} string fileName = file.FileName;
string fileExt = Path.GetExtension(fileName).ToLower();
//文件大小判断
if (file.InputStream == null || file.InputStream.Length > maxSize)
{
hash = new Hashtable();
hash["error"] = ;
hash["message"] = "上传文件大小超过限制";
Response.AddHeader("Content-Type", "text/html; charset=UTF-8");
Response.Write(JsonMapper.ToJson(hash));
} if (string.IsNullOrEmpty(fileExt) || Array.IndexOf(fileTypes.Split(','), fileExt.Substring().ToLower()) == -)
{
hash = new Hashtable();
hash["error"] = ;
hash["message"] = "上传文件扩展名是不允许的扩展名";
Response.AddHeader("Content-Type", "text/html; charset=UTF-8");
Response.Write(JsonMapper.ToJson(hash));
} var newFileName = DateTime.Now.ToString("yyyyMMddHHmmss", DateTimeFormatInfo.InvariantInfo) + fileExt;
var filePath = dirPath + newFileName;
file.SaveAs(filePath);
var fileUrl = savePath2 + newFileName; hash = new Hashtable();
hash["error"] = ;
hash["url"] = fileUrl;
Response.AddHeader("Content-Type", "text/html; charset=UTF-8");
Response.Write(JsonMapper.ToJson(hash));
}
Kindeditor JS 富文本编辑器图片上传指定路径的更多相关文章
- layui 魔改:富文本编辑器添加上传视频功能
甲方又整新需求了:富文本编辑器需要可以传视频. layui本身的富文本编辑器没有传视频的功能,所以,又到了咱们魔改的时候了. 友情提醒,富文本编辑器 layedit 只有layui的V1版有,V2版没 ...
- 关于百度Editor富文本编辑器 自定义上传位置
因为要在网站上编辑富文本数据,所以直接采用百度的富文本编辑器,但是这个编辑器有个缺点,默认情况下,文件只能上传到网站的根目录,不能自定义路径. 而且json配置文件只能和controller.jsp在 ...
- bbs项目富文本编辑器实现上传文件到media目录
media目录是在project的settings中设置的,static目录是django自己使用的静态文件的上传目录,media目录是用户自定义上传文件的目录 # Django用户上传的文件都放在m ...
- 给Django后台富文本编辑器添加上传文件的功能
使用富文本编辑器上传的文件是要放到服务器上的,所以这是一个request.既然是一个request,就需要urls.py进行转发请求views.py进行处理.views.py处理完了返回一个文件所在的 ...
- 12-tinyMCE文本编辑器+图片上传预览+页面倒计时自动跳转
文本编辑器插件:1.将tinymce文件夹全部复制到webContent下2.tinymce/js目录下放 jquery等三个js文件3.语言包:tinymce/js/tinymce/langs目录下 ...
- 使用vue-quill-editor富文本 实现图片上传
1. 下载并引入 import { quillEditor, Quill } from "vue-quill-editor"; import { container, ImageE ...
- php将富文本内容图片上传到oss并替换
/** * php 提取html中图片并替换 */ //要替换的内容 //提取图片路径的src的正则表达式 $match_str = '/(<img([^>]*)\s*src=(\'|\& ...
- 【HTML5+MVC4】xhEditor网页编辑器图片上传
准备工作: 创建一个MVC项目中,添加好xhEditor插件 相关用法:http://www.cnblogs.com/xcsn/p/4701497.html 注意事项:xhEditor分为v1.1.1 ...
- ThinkPHP3.1.3 整合 UEditor百度编辑器 图片上传
第一步.前端模板实例化百度编辑器 <js file='__ROOT__/Data/UEditor/ueditor.config.js' /> <js file='__ROOT__/D ...
随机推荐
- MEF简介及简单的Demo
MEF简介及简单的Demo 文章开始之前,首先简单介绍一下什么是MEF,MEF,全称Managed Extensibility Framework(托管可扩展框架).单从名字我们不难发现:MEF是专门 ...
- .NET 相依性注入
发布<.NET 依賴注入>电子书 beta 版 书籍进度 本书目前已经开始发行 beta 版,完成进度约 70%.(我希望这本书不要超过 200 页,目前看起来应该没问题.) 简介 本书内 ...
- IOC容器在框架中的应用
IOC容器在框架中的应用 前言 在上一篇我大致的介绍了这个系列所涉及到的知识点,在本篇我打算把IOC这一块单独提取出来讲,因为IOC容器在解除框架层与层之间的耦合有着不可磨灭的作用.当然在本系列前面的 ...
- Jquery Validate 表单验证的多种方式
ASP.NET MVC Jquery Validate 表单验证的多种方式 在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体 ...
- jQuery的奥秘
颜海镜 高效jQuery的奥秘 讨论jQuery和javascript性能的文章并不罕见.然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码.好 ...
- [转]OPENSOLARIS 2009.06 REPOSITORY ISO IMAGES NOW AVAILABLE
Source: http://hosam.wordpress.com/2009/07/25/opensolaris-2009-06-repository-iso-images-now-availabl ...
- poj3984迷宫问题
一个5 × 5的二维数组,表示一个迷宫.其中的1表示墙壁,0表示可以走的路,只能横着走或竖着走,不能斜着走,要求编程序找出从左上角到右下角的最短路线. 很简单的一道题,迷宫问题,一般都选择两种优先搜索 ...
- .net中获取图像缩略图的函数GetThumbnailImage
关于.net中获取图像缩略图的函数GetThumbnailImage的一些认识. 在很多图像软件中,打开一幅图像的时候都会显示其缩略图,在看图软件中这样的需求更为常见.如何快速的获取缩略图的信息并提供 ...
- Asp.net Mvc4默认权限详细(上)
Asp.net Mvc4默认权限详细(上) 前言 上篇的菜鸟去重复之Sql的问题还没有得到满意的答案.如果哪位大哥有相关的资料解释,能够分享给我,那就太谢谢了. 以后每发表一篇博文我都会将以前遗留的问 ...
- 使用ServletContextListener和HttpSessionListener两种监听器实现记录当前网站在线人数
web.xml中配置: <listener> <listener-class>com.mcm.listener.ServletContextListenerImpl< ...