1. #跨域上传方法
  2. def frontupload(request):
  3. if request.method == 'POST':
  4. item = {}
  5. file = request.FILES.get('imgFile')
  6. #定义跳转网址，就是前端伪造好的页面
  7. callBackPath = 'http://localhost:8080/redirect.html'
  8. f = open(os.path.join(UPLOAD_ROOT,'',file.name),'wb')
  9. item['message'] = '上传成功'
  10. item['url'] = 'http://localhost:8000/upload/'+ file.name
  11. item['error'] = 0
  12. #写文件 遍历图片文件流
  13. for chunk in file.chunks():
  14. f.write(chunk)
  15. return HttpResponseRedirect(callBackPath + "?error=0&url="+item['url'])

其实页面有太大的区别   只是回调了一下

#回调页面  redirect.html

  1. <html>
  2. <head>
  3.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.     <title>跨域重定向</title>
  5.     <script type="text/javascript">
  6.     function getParameter(val) {
  7.         var uri = decodeURI(window.location.search);
  8.         var re = new RegExp("" + val + "=([^&?]*)", "ig");
  9.         return ((uri.match(re)) ? (uri.match(re)[0].substr(val.length + 1)) : null);
  10.     }
  11.  
  12.         var upload_callback = function() {
  13.             var error = getParameter("error");
  14.             error = parseInt(error)
  15.             var dataObject;
  16.             if(error==0){
  17.                 var url = getParameter("url");
  18.                 dataObject = {"error": error, "url": url};
  19.             }else{
  20.                 var message = getParameter("message");
  21.                 dataObject = {"error": error, "message": message};
  22.             }
  23.             var data =  JSON.stringify(dataObject)
  24.             document.getElementsByTagName("body")[0].innerHTML = '<pre>' + data + '</pre>';
  25.         }
  26.     </script>
  27. </head>
  28. <body onload="upload_callback();">
  29. </body>
  30. </html>
#kindEditor    index.html
  1.             initKindEditor();
  2.             function initKindEditor() {
  3.             var kind = KindEditor.create('#my_reply_'+com_id+'', {
  4.                 width: '80%',       // 文本框宽度(可以百分比或像素)
  5.                 height: '30%',     // 文本框高度(只能像素)
  6.                 minWidth: 400,       // 最小宽度（数字）
  7.                 minHeight: 100,     // 最小高度（数字）
  8.                 items : [ 'emoticons', 'image'],
  9.                 uploadJson:'http://localhost:8000/md_admin/front_upload',
  10.             });
  11.         }
上传图片的话 必须有 uploadJson:'http://localhost:8000/md_admin/front_upload', 
后面的网址是你请求的网址
 
效果：

django —— KindEditor - 跨域上传图片的更多相关文章

  1. ueditor富文本编辑器跨域上传图片解决办法

    在使用百度富文本编辑器上传图片的过程中,如果是有一台单独的图片服务器就需要将上传的图片放到图片服务器,比如在a.com的编辑器中上传图片,图片要保存到img.com,这就涉及到跨域上传图片,而在ued ...

  2. django允许跨域请求配置

    django允许跨域请求配置 下载corsheader pip install django-cors-headers 修改setting.py中配置 在INSTALLED_APPS中增加corshe ...

  3. Django 处理跨域的配置、前台处理ajax

    一. Django处理跨域 跨域的处理方式有很多,使用最多的就是CORS(跨域资源共享),接下来大致提一下django中处理跨域的配置. 首先安装django-cors-headers模块: pip ...

  4. Django cors跨域问题

    Django cors跨域问题 前后端分离项目中的跨域问题 即同源策略 同源策略:同源策略/SOP(Same origin policy)是一种约定,由 Netscape 公司 1995 年引入浏览器 ...

  5. kindeditor4跨域上传图片解决

    项目中正在使用kindeditor, 版本号4.1.10 非常多公司的图片会走CDN,须要单独的一台图片上传服务如:(upload.268xue.com) kindeditor上传图片的简单内部流程: ...

  6. tornado django flask 跨域解决办法（cors）

    XMLHttpRequest cannot load http://www.baidu.com. No 'Access-Control-Allow-Origin' header is present ...

  7. 项目二(业务GO)——跨域上传图片(请求接口)

    之前,就听过“跨域上传”图片的问题,只是疏于研究,也就一再搁置,直至今天再次遇见这个不能避免的“坑”,才不得不思考一下,怎么“跨域上传”图片或者文件? 问题来源: 何为“跨域”? ——就是给你一个接口 ...

  8. django解决跨域请求的问题

    跨域请求可以用jsonp来解决,不过今天我发现一个很好用的包:django-cors-headers 只需要简单地配置一下就可 被请求方的setting.py中的配置如下: INSTALLED_APP ...

  9. Django解决跨域问题

    原理:浏览器的同源策略,其实我们的请求发送过去了,服务器也进行响应了,就是浏览器把响应给阻止响应而已 第一种方法jsonp 因为浏览器不对 <script> 标签里面的src属性进行阻止, ...

随机推荐

  1. oracle的部分增删查改

    1. 创建表空间 create tablespace (demo)表名 logging datafile( 表空间存放的位置)  ‘D:\app\Administrator\oradata\orcl\ ...

  2. Sketch 画原型比 Axure 好用吗？为什么？

    对工具而言,个人觉得没有说哪个工具好用不好用之分,更重要一点,做设计的来讲什么时候用什么工具来提高工作效率,这个最重要.下面我也来讲讲这二款工具的不同之处: Axure算是原型工具里的 Old Sch ...

  3. mysql读写分离——中间件ProxySQL的简介与配置

    mysql实现读写分离的方式 mysql 实现读写分离的方式有以下几种: 程序修改mysql操作,直接和数据库通信,简单快捷的读写分离和随机的方式实现的负载均衡,权限独立分配,需要开发人员协助. am ...

  4. 初识“FireBug”

    今天学习前端知识又一次提到“FireBug”这款插件,现在,把今天学到的一点东西简单记录下来. 什么是FireBug FireBug是一个用于网站前端开发的工具,它是FireFox浏览器的一个扩展插件 ...

  5. ELK的高级篇（测试记录各种日志）

    一.elk架构已经完成情况情况下  访问限制: 加个x-pack插件  1)一个脚本收集多个日志,if 判断写入es的索引 [root@k8s6 conf.d]# cat file.conf inpu ...

  6. 关于U3D的.SDK对接

    1,SDK对接原理:https://www.cnblogs.com/msxh/p/7220741.html 2,Unity ADS对接:https://blog.csdn.net/chenluwolf ...

  7. 爬虫学习笔记-urllib库

    urllib库是python中一个最基本的网络请求库.可以模拟浏览器的行为,向指定的服务器发送一个请求,并可以保存服务器返回的数据. urlopen函数:在python3的urllib库中,所有和网络 ...

  8. 实践中 XunSearch（讯搜）的使用教程步骤

    XunSearch(讯搜)的使用教程步骤 一.安装编译工具 yum install make gcc g++ gcc-c++ libtool autoconf automake imake mysql ...

  9. Python中使用cx_Oracle调用Oracle存储过程

    import cx_Oracle as cx import datetime def execute_sql(): # 声明变量 date_time = datetime.datetime.now() ...

  10. selenium自动化打开浏览器不受信任解决办法

    之前在用selenium(火狐浏览器)打开一个https网站时,总是弹出不受信任,修改配置后,每次加载的浏览器都是还原了配置,无法加载出页面,这里给出解决办法:让浏览器去加载我们修改后的配置,具体如下 ...