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 ...
随机推荐
- ibatis提示Unable to load embedded resource from assembly "Entity.Ce_SQL.xml,Entity".
原本以为是xml文件配置错误,尝试无果,最终原因未将xml文件的生成操作选择为嵌入的资源.很无语!
- IS_EER分析
下面我们就来具体分析一下这段代码,看看内核中的巧妙设计思路. 要想明白IS_ERR(),首先理解要内核空间.所有的驱动程序都是运行在内核空间,内核空间虽然很大,但总是有限的,而在这有限的空间中,其最后 ...
- XLink and XPoint
XLink 定义在 XML 文档中创建超级链接的标准方法. XPointer 允许这些超级链接指向 XML 文档中的更多具体部分(片断). XLink XLink 是 XML 链接语言(XML Lin ...
- iOS基础 - Quartz 2D绘图
一.Quartz 2D Quartz 2D是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境. Quartz 2D以PDF的规范为基础的图形库,用来绘制二维文字和图形,允许相同的绘图指令在任 ...
- IP 首部检验和算法
原创博文,转载请注明出处. 在学习TCP/IP 详解的过程中遇到了不止一次的关于检验和的概念,在吸取了他人理解的前提下,我决定用Wireshark 进行抓包分析. 首先我们得知道IP数据包格式 首先把 ...
- 安装mysql-python报错:UnicodeDecodeError: 'ascii' codec can't decode byte 0xe2 in position 65: ordinal not in range(128)
安装mysql-python报错: UnicodeDecodeError: 'ascii' codec can't decode byte 0xe2 in position 65: ordinal n ...
- General Structure of Quartz.NET and How To Implement It
General Structure of Quartz.NET and How To Implement It General Structure of Quartz.NET and How To ...
- 更好的抽屉效果(ios)
昨天项目基本没啥事了,晚上早早的就回家了,躺在床上无聊地玩着手机(Android的),在清理系统垃圾时被一个“360手机助手”给吸引了, 其实我是被它的那个抽屉效果给吸引了,此时你也许会觉得我out了 ...
- 跟我一起玩转Sencha Touch 移动 WebApp 开发1
跟我一起玩转Sencha Touch 移动 WebApp 开发(一) 1.目录 移动框架简介,为什么选择Sencha Touch? 环境搭建 创建项目框架,框架文件简介 创建简单Tabpanel案例 ...
- Javascript 封装问题
Javascript 封装问题 为什么会用这样一个题目呢,这是要说封装的什么问题,本文并不讲高深的封装理论,只是解决一个小问题. 问题来源 今天在百度知道上闲逛,遇到一个网友的问题,问题如下,问题的地 ...