开发环境:
Django v2.1.6
Django-Ueditor v1.3.6
Django-restframe-work
前端:Vue开发
DjangoUeditor图片上传路径设置
-
DjangoUeditor图片上传路径主要由项目Ueditor根路径下的form.py文件class UEditorField(forms.CharField):中的. imagePath参数决定。
-
同样需要设置项目根路径下的settings.py文件中的MEDIA_ROOT和MEDIA_URL 参数。
模型中使用Uedior如下所示:
goods_desc = UEditorField(verbose_name=u"内容", imagePath="goods/images/", width=1000, height=300,
filePath="goods/files/", default='')
项目的settings.py中的设置如下:
MEDIA_URL = "/media/"
MEDIA_ROOT = os.path.join(BASE_DIR, "media")
问题一:后端使用Ueditor上传图片,前端图片无法显示?
问题描述:
在前后端分离开发模式中,使用百度富文本编辑器UEditor在内容编辑区域中上传图片后,数据传输到前端,图片不显示,原因是默认情况下,上传后的图片写入数据库中只有相对路径、没有完整域名。
UEditor上传图片,其对应model字段经后端序列化后返回给前端的JSO格式数据如下:
"goods_desc": "
<p><img src=\"/media/goods/images/2_20170719161405_249.jpg\" title=\"\" alt=\"2.jpg\"/