#跨域上传方法

def frontupload(request):

if request.method == 'POST':

item = {}

file = request.FILES.get('imgFile')

#定义跳转网址，就是前端伪造好的页面

callBackPath = 'http://localhost:8080/redirect.html'

f = open(os.path.join(UPLOAD_ROOT,'',file.name),'wb')

item['message'] = '上传成功'

item['url'] = 'http://localhost:8000/upload/'+ file.name

item['error'] = 0

#写文件 遍历图片文件流

for chunk in file.chunks():

f.write(chunk)

return HttpResponseRedirect(callBackPath + "?error=0&url="+item['url'])

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

#回调页面  redirect.html

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>跨域重定向</title>

    <script type="text/javascript">

    function getParameter(val) {

        var uri = decodeURI(window.location.search);

        var re = new RegExp("" + val + "=([^&?]*)", "ig");

        return ((uri.match(re)) ? (uri.match(re)[0].substr(val.length + 1)) : null);

    }

        var upload_callback = function() {

            var error = getParameter("error");

            error = parseInt(error)

            var dataObject;

            if(error==0){

                var url = getParameter("url");

                dataObject = {"error": error, "url": url};

            }else{

                var message = getParameter("message");

                dataObject = {"error": error, "message": message};

            }

            var data =  JSON.stringify(dataObject)

            document.getElementsByTagName("body")[0].innerHTML = '<pre>' + data + '</pre>';

        }

    </script>

</head>

<body onload="upload_callback();">

</body>

</html>
#kindEditor    index.html
            initKindEditor();

            function initKindEditor() {

            var kind = KindEditor.create('#my_reply_'+com_id+'', {

                width: '80%',       // 文本框宽度(可以百分比或像素)

                height: '30%',     // 文本框高度(只能像素)

                minWidth: 400,       // 最小宽度（数字）

                minHeight: 100,     // 最小高度（数字）

                items : [ 'emoticons', 'image'],

                uploadJson:'http://localhost:8000/md_admin/front_upload',

            });

        }
上传图片的话 必须有 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. iframe和form表单实现ajax请求上传数据

    form的target属性设置为iframe的name值时,表示提交到url后返回的数据显示到iframe区域 <form action="/upload.html" met ...

  2. C# WPF 父控件通过使用可视化树找到子控件

    在我们使用WPF设计前台界面时,经常会重写数据模板,或者把控件放到数据模板里.但是一旦将控件放到数据模板中,在后台就没有办法通过控件的名字来获取它了,更没办法对它进行操作(例如,隐藏,改变控件的某个值 ...

  3. cobbler自动装机服务简介与配置

    cobbler简介 Cobbler是一个Linux服务器安装的服务,可以通过网络启动(PXE)的方式来快速安装.重装物理服务器和虚拟机,同时还可以管理DHCP,DNS等. Cobbler可以使用命令行 ...

  4. 加密 解密 RSA & AES & DES

    git: https://github.com/XHTeng/XHCryptorTools rsa RSA加解密中必须考虑到的密钥长度.明文长度和密文长度问题.明文长度需要小于密钥长度,而密文长度则等 ...

  5. java32

    1.抽象类必须有子类才有意义 2.子类中会默认有构造器来调用父类的构造器 3.接口:表示一种规范 interface 接口名(命名规则:在名称前加上I后加上able){ } -2接口也生成对应的字节码 ...

  6. MySQL中的latch(闩锁)详解——易产生的问题以及原因分析

    Latch 什么是latch: 锁是数据库系统区别与文件系统的一个关键特性.锁机制用于管理对共享资源的并发访问.Innodb存储引擎在行级别上对表数据上锁,这固然不错.但是Innodb也会在多个地方使 ...

  7. linux_基本命令使用（后续更新）

    安装文件上传下载快捷键 --> rz/sz yum -y install lrzsz 获取进程名.进程号以及用户ID netstat –nlpt 修改主机名(重启后永久生效)-->cent ...

  8. JavaScript基础视频教程总结（081-090章）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  9. 可遇不可求的Question之SQLSERVER触发器不支持多行插入操作篇

    描述: 我们经常遇到 insert table_a select * from table_b 这样的语句, 同时在表table_a中根据每一条新增的SQL语句,通过触发器来触发对应的一系列的后续操作 ...

  10. 快速入门Vue

    前端技术发展很快,近日一个项目中想用Vue框架,对此对Vue基础进行了一些学习整理 何为Vue,官网 解释Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架 这里记录 ...