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 ...
随机推荐
- Object.prototype.propertyIsEnumerable
语法: obj.propertyIsEnumerable(prop); 此方法返回一个布尔值,表明指定的属性名是否是当前对象可枚举的自身属性. 1.如果是用户自定义了对象的属性,将返回true,比如 ...
- JS中的prototype(转载)
在研究别人写的js图像处理算法时,发现其中脚本中大量使用prototype,很难读明白,就网上查了下资料发现这篇文章很易懂,就转载如下: 1 原型法设计模式 在.Net中可以使用clone()来实现原 ...
- DIP And DI
依赖倒置(DIP)与依赖注入(DI) 依赖倒置原则(Dependency Inversion Principle)为我们提供了降低模块间耦合度的一种思路,依赖注入(Dependency Injec ...
- 2013集训.DAY21.A
随便点了一套刷,这套质量挺棒的,学了不少的东西,并且碰到了很久都没有打的题目 T1 card [指针技巧] 题1 集卡片 [问题描述] lzh小时候很喜欢收集卡片,他经常要去商店购买新到的卡片. 商店 ...
- 2012 T-SQL 新特性 and O2O项目
SQL Server 2012 T-SQL 新特性 NoSQL之HBase 9月初淘宝飞芃做了一个关于HBase的分享,讲的激情飞扬,让听众收益匪浅,现做下简单总结. HBase是一个NoSQL数 ...
- jQuery中的ready方法及实现按需加载css,js
模拟jQuery中的ready方法及实现按需加载css,js 一.ready函数的实现 经常用jQuery类库或其他类库中的ready方法,有时候想想它们到底是怎么实现的,但是看了一下jQuery中的 ...
- 彩蛋 Python之道
彩蛋 Python之道 作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 使用下面的语句可以调出Python中的一个彩蛋, impo ...
- Django入门实践(三)
Django入门实践(三) Django简单应用 前面简单示例说明了views和Template的工作过程,但是Django最核心的是App,涉及到App则会和Model(数据库)打交道.下面举的例子 ...
- win7 VS2008 ffmpeg release 版本崩溃 0x00905a4d 处未处理的异常
这个坑, 我始终不相信编码的问题,但还是花了一上午加各种调试代码.一般加个断点,调试几下就知道是什么问题.在最后找不到解决办法的情况下google了一下,短短几分钟解决了这个问题. 程序都是踩着各种坑 ...
- 解决Eclipse maven servlet-api-2.5.jar jar not loaded问题
在Eclipse中用maven构建web项目时,如果在pom里写了servlet-api和jsp-api的依赖的话,即使scope为"provided",但在布署到tomcat时, ...