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里面的一些代码,就可以实现上传文件方便管理的问题了。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 聊聊python dropna()和notnull()的用法区别

    聊聊python dropna()和notnull()的用法区别

    这篇文章主要介绍了聊聊python dropna()和notnull()的用法区别,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2021-03-03
  • python区分不同数据类型的方法

    python区分不同数据类型的方法

    这篇文章主要介绍了python区分不同数据类型的方法实例以及相关知识点,需要的朋友们学习下。
    2019-10-10
  • python实现斐波那契数列的方法示例

    python实现斐波那契数列的方法示例

    每个码农大概都会用自己擅长的语言写出一个斐波那契数列出来,斐波那契数列简单地说,起始两项为0和1,此后的项分别为它的前两项之后。下面这篇文章就给大家详细介绍了python实现斐波那契数列的方法,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2017-01-01
  • python 包实现 time 时间管理操作

    python 包实现 time 时间管理操作

    这篇文章主要介绍了python包实现time时间管理操作,文章通过获取当前时间戳,即当前系统内表示时间的一个浮点数,下文更多相关内容需要的小伙伴可以参考一下
    2022-04-04
  • python中re.findall函数实例用法

    python中re.findall函数实例用法

    在本篇文章里小编给大家整理了一篇关于python中re.findall函数实例用法相关内容,有兴趣的朋友们可以学习下。
    2021-09-09
  • 使用Python将Exception异常错误堆栈信息写入日志文件

    使用Python将Exception异常错误堆栈信息写入日志文件

    这篇文章主要介绍了使用Python将Exception异常错误堆栈信息写入日志文件,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-04-04
  • 详解Pytorch显存动态分配规律探索

    详解Pytorch显存动态分配规律探索

    这篇文章主要介绍了Pytorch显存动态分配规律探索,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11
  • python中使用(.)进行相对路径访问文件的操作方法

    python中使用(.)进行相对路径访问文件的操作方法

    在Python中,使用相对路径访问文件是一种常见的做法,尤其是在处理与脚本位于同一目录或附近目录的文件时,这篇文章主要介绍了python中使用(.)来进行相对路径访问文件,需要的朋友可以参考下
    2024-05-05
  • 探究python中open函数的使用

    探究python中open函数的使用

    这篇文章主要为大家详细介绍了python中open函数的使用方法,对python文件方法open进行深入研究,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • pandas.DataFrame.iloc的具体使用详解

    pandas.DataFrame.iloc的具体使用详解

    本文主要介绍了pandas.DataFrame.iloc的具体使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06

最新评论