Django开发中使用Ueditor上传图片遇到的坑及解决
更新时间：2024年09月11日 09:36:11 作者：删库到跑路_
在Django开发中使用Ueditor上传图片时,可能会遇到后端配置不正确的问题,建议在实例化Ueditor后加上serverUrl,这可以在Chrome的F12工具中查看请求的后端配置项,此外,如果需要修改上传路径,可以在配置文件中更改路径,并调整view.py中的代码来管理上传文件
Django开发中使用Ueditor上传图片遇到的坑
在之前django的开发中， 遇到了很多问题，接下来就说一下关于ueditor富文本编辑器的使用。
一般来说在网上下了富文本的DjangoUeditor包安装了之后，引入是不会出什么问题的。
这里推荐直接git到本地把包复制进项目，当然也可以像其他人说的用pip install。
进入正题
后台admin在使用了实例之后是这样：
上传图片文件功能也可以使用。
但是写了前端页面之后再使用就会出现后端配置不正确的情况，至于报错的图就不贴了，研究了两天都不想看了。
前端页面测试代码
{% extends 'index.html' %}
{% block title %}
<title>发布内容中心</title>
{% endblock %}
{% block css %}
<link rel="stylesheet" type="text/css" href="/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="external nofollow" >
<script type="text/javascript" src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript" src="/static/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/static/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="/static/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
var ue = UE.getEditor('editor',{
serverUrl: '/ueditor/controller/',
});
SyntaxHighlighter.all();
</script>
{% endblock %}
{% block basic %}
<script id="editor" type="text/plain" style="max-width:50%;height:200px;"></script>
{% endblock %}我的是这样，只是测试上传功能，若要解决后端配置问题，只需要实例化ueditor之后加上一个serverurl，如下图，因为这个前端页面会在加载的时候去请求后端的配置项，这个直接在chromef12就看得见，这么简单的问题困扰了我两天的时间，网上各种方法都试了没解决，说是要在config.all.js里面去改serverurl，我改了没效果，结果前端请求的url还是php的一个文件。
解决了这个也就解决了上传问题了。
但是这个上传路径是media文件下，不可以随心所欲的修改？
这个又要改一个地方，可以在配置文件里面修改路径，然后修改view.py里面的一些代码，就可以实现上传文件方便管理的问题了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
![解决jupyter notebook 出现In[*]的问题](//img.jbzj.com/images/xgimg/bcimg0.png)
这篇文章主要介绍了解决jupyter notebook 出现In[*]的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-04-04
下面小编就为大家带来一篇Python3使用PyQt5制作简单的画板/手写板实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
由于Python的动态性和多功能性,它比其他语言的速度要慢.有时复杂的计算或算法需要大量时间才能在Python中执行.因此需要跟踪代码的执行流,深入了解性能瓶颈,需要的朋友可以参考下2021-06-06
这篇文章主要介绍了Python2和Python3读取文本文件的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要为大家详细介绍了Python机器学习中实现距离和相似性计算的方法，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2023-03-03
这篇文章主要介绍了python中如何实现径向基核函数问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章主要介绍了Python的化简函数reduce()详解,reduce()函数即为化简函数,它的执行过程为：每一次迭代,都将上一次的迭代结果与下一个元素一同传入二元func函数中去执行,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了Python TKinter如何自动关闭主窗口,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了用Python 爬取猫眼电影数据分析《无名之辈》，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
最近工作中遇到一个需求，需要使用Python解析excel文件并存入sqlite，本文就实现的过程做个总结分享给大家，文中包括数据库设计、建立数据库、Python解析excel文件、Python读取文件名并解析和将解析的数据存储入库，有需要的朋友们下面来一起学习学习吧。2016-11-11
![解决jupyter notebook 出现In[*]的问题](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论