django使用kindeditor上传图片问题

今天用到了kindeditor，使用在django中，前端配置代码如下

    <script>KindEditor.ready(function (K) {window.editor = K.create('#id_content', {width: '80%',height: '600px',{#items: [#}{#    'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',#}{#    'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',#}{#    'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',#}{#    'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',#}{#    'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',#}{#    'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',#}{#    'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',#}{#    'anchor', 'link', 'unlink', '|', 'about'#}{#],#}resizeType: 1,uploadJson: '/upload_image/',   // 上传图片的后端提交路径extraFileUploadParams: {'csrfmiddlewaretoken': '{{ csrf_token }}'}});});</script>

url配置如下

    # 编辑器上传图片接口url(r'^upload_image/', views.upload_image),

views中方法如下：

def upload_image(request):"""//成功时
{"error" : 0,"url" : "http://www.example.com/path/to/file.ext"
}
//失败时
{"error" : 1,"message" : "错误信息"
}:param request::return:"""back_dic = {'error':0,}  # 先提前定义返回给编辑器的数据格式# 用户写文章上传的图片 也算静态资源，也应该放在media文件夹下if request.method == 'POST':# 获取用户上传的图片对象# print(request.FILES)   # 打印看到了键固定叫imgFilefile_obj = request.FILES.get('imgFile')print(file_obj)# 手动拼接存储文件的路径file_dir = os.path.join(settings.BASE_DIR, 'media', 'article_img')# 优化操作，先判断当前文件夹是存在，不存在，自动创建if not os.path.isdir(file_dir):os.mkdir(file_dir)  # 创建一层目录结构   article_img# 拼接图片的完整路径file_path = os.path.join(file_dir, file_obj.name)with open(file_path, 'wb') as f:for line in file_obj:f.write(line)back_dic['url'] = '/media/article_img/%s'%file_obj.nameprint(type(back_dic['error']))return JsonResponse(back_dic)

我是跟着教学视频敲的，视频中是没有问题的，到我这就一直弹出一个atler框
127.0.0.1显示undefined。

百度找了一阵子，没啥用，自己就直接输入http://127.0.0.1:8000/upload_image/发现是进不来的，自己就寻思着应该是url被顶替了，就将这个url放到前面一点，发现成功了！

有类似问题的小伙伴可以参考一下！

django使用kindeditor上传图片问题相关推荐

(转）淘淘商城系列——解决KindEditor上传图片浏览器兼容性问题
http://blog.csdn.net/yerenyuan_pku/article/details/72808229 上文我们已实现了图片上传功能,但是有个问题,那就是对浏览器兼容性不够,因为Map ...
PHP 编辑器 kindEditor 上传图片失败解决方案
这个坑是原始巨坑,刚学PHP出来的时候,为这个问题鏖战了好几天,含泪将解决方案写出来,希望能帮到你们问题 PHP 编辑器 kindEditor上传图片失败解决方案打开 kindEditor 的 ...
kindeditor 上传图片失败问题总结
1.近段时间一直在处理kindeditor上传图片失败的问题,前期一直以为是前端的问题,利用谷歌控制台,打断点,修改方法,一直都找不到解决方案,直到查看服务器配置,才发现: WEB 1号服务器 /da ...
记录vue使用KindEditor上传图片发生的iframe跨域的错误
记录KindEditor上传图片时候发生的错误:Blocked a frame with origin "http://localhost:8080" from accessing ...
Django项目，上传图片到七牛云，阿里云OSS
Django项目,上传图片阿里云OSS教程上传项目到七牛云:链接或者到我的主页查看 Django项目上传图片到阿里云OSS简略步骤为: 1.注册登陆阿里云,搜索对象存储oss进行购买,需要实名认证 ...
Django项目，上传图片到七牛云，阿里云OSS教程
Django项目,上传图片到七牛云简略步骤为: 1.注册登陆七牛云, 上传项目到阿里云OSS:链接或者到我的主页查看 2.创建存储空间,https://portal.qiniu.com/home ...
kindeditor上传图片php,Kindeditor编辑器添加图片上传水印功能（php代码）
KindEditor 是一套开源的在线HTML编辑器,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框.可以无缝地与 Java..NET.PH ...
django23:BS4/kindeditor上传图片
BS4 Beautiful Soup,Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实现惯用的文档导航,查找,修改文档的方式. 安装 ...
kindeditor java上传_富文本编辑器kindeditor上传图片的配置方法
[导读]这篇文章主要介绍了使用富文本编辑器上传图片实例详解的相关资料,需要的朋友可以参考下富文本编辑器上传图片一.导入kindeditor的js 二.将kindeditor与一个文本域textar ...
kindeditor 上传图片返回带当前网址的图片地址
在编辑器初始化的时候加上urlType : 'domain', var editor; KindEditor.ready(function(K) {editor = K.create('textar ...

django使用kindeditor上传图片问题

django使用kindeditor上传图片问题相关推荐

最新文章

热门文章