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 富文本编辑器图片上传指定路径的更多相关文章

  1. layui 魔改:富文本编辑器添加上传视频功能

    甲方又整新需求了:富文本编辑器需要可以传视频. layui本身的富文本编辑器没有传视频的功能,所以,又到了咱们魔改的时候了. 友情提醒,富文本编辑器 layedit 只有layui的V1版有,V2版没 ...

  2. 关于百度Editor富文本编辑器 自定义上传位置

    因为要在网站上编辑富文本数据,所以直接采用百度的富文本编辑器,但是这个编辑器有个缺点,默认情况下,文件只能上传到网站的根目录,不能自定义路径. 而且json配置文件只能和controller.jsp在 ...

  3. bbs项目富文本编辑器实现上传文件到media目录

    media目录是在project的settings中设置的,static目录是django自己使用的静态文件的上传目录,media目录是用户自定义上传文件的目录 # Django用户上传的文件都放在m ...

  4. 给Django后台富文本编辑器添加上传文件的功能

    使用富文本编辑器上传的文件是要放到服务器上的,所以这是一个request.既然是一个request,就需要urls.py进行转发请求views.py进行处理.views.py处理完了返回一个文件所在的 ...

  5. 12-tinyMCE文本编辑器+图片上传预览+页面倒计时自动跳转

    文本编辑器插件:1.将tinymce文件夹全部复制到webContent下2.tinymce/js目录下放 jquery等三个js文件3.语言包:tinymce/js/tinymce/langs目录下 ...

  6. 使用vue-quill-editor富文本 实现图片上传

    1. 下载并引入 import { quillEditor, Quill } from "vue-quill-editor"; import { container, ImageE ...

  7. php将富文本内容图片上传到oss并替换

    /** * php 提取html中图片并替换 */ //要替换的内容 //提取图片路径的src的正则表达式 $match_str = '/(<img([^>]*)\s*src=(\'|\& ...

  8. 【HTML5+MVC4】xhEditor网页编辑器图片上传

    准备工作: 创建一个MVC项目中,添加好xhEditor插件 相关用法:http://www.cnblogs.com/xcsn/p/4701497.html 注意事项:xhEditor分为v1.1.1 ...

  9. ThinkPHP3.1.3 整合 UEditor百度编辑器 图片上传

    第一步.前端模板实例化百度编辑器 <js file='__ROOT__/Data/UEditor/ueditor.config.js' /> <js file='__ROOT__/D ...

随机推荐

  1. php和cookie

    cookie常用于用户识别,是服务器留在用户计算机中的小文件. cookie在浏览器端和服务器端的通信过程大致是这样: 浏览器向服务器作出请求(如果浏览器有cookie,将在request heade ...

  2. AngularJS的依赖注入方式

    在定义controller,module,service,and directive时有两种方式, 方式一: var myModule = angular.module('myApp', []); m ...

  3. Bootstrap 网格系统

    自版本 2.3.2 起,Bootstrap 提供了两种类型的网格,默认网格系统和流动网格系统.默认的网格系统是 940px 宽和 12 列.本文主要讲解第一种. 首先让我们看,怎么来应用默认网格系统 ...

  4. 验证API

    验证API 本篇定位在数据入口的验证 普通的DataAnnotation验证 基于场景的DataAnnotation验证 可修改的外置式DataAnnotation验证 SUMMARY 最终调用时的用 ...

  5. HashTable

    算法打基础——HashTable 这一节主要讲很多方面非常重要的hash table等问题. 由于平时很少用到这些,基本都忘了... 怎样快速的在内存中插入.删除.和搜索呢? 这就需要哈希表了 这一节 ...

  6. vm_write

    #include <stdio.h> #include <stdlib.h> #include <unistd.h> #include <sys/types. ...

  7. 【CSS】圆角阴影边框CSS

    .someClassName { width:300px; display: inline-block; padding: 5px 10px 6px; text-decoration: none; b ...

  8. Nginx 配置基于域名的虚拟

    编辑配置文件 vi /etc/nginx/nginx.conf user    www www; worker_processes  2; error_log  logs/error.log  not ...

  9. 项目做成jar包

    项目做成jar包 方法一.在eclipse3.1中把项目做成jar包步骤. 打包前的工作. 在项目下创建一个文件夹,名为META-INF,再在其下创建文件MANIFEST.MF 编辑的内容如下: Ma ...

  10. 简单实现android和wp聊天

    使用Beetle.NetPackage简单实现android和wp聊天 Beetle.NetPackage是一个多台平开源Client TCP通讯组件,它针对不同平台提供统一的消息描述规则和使用规范可 ...