博客中KindEditor配置[通俗易懂]
2023-06-13 09:14:33 时间
1.下载 KindEditor
2.放在static/js下
3.在admin.py中配置文件:
4.在static/js/kindeditor下配置config.js文件
首先在kindedito官网文档中,找到代码:
根据代码提示编辑:
5.编辑图片和文件上传代码:
# -*- coding: utf-8 -*-
from django.http import HttpResponse
from django.conf import settings
from django.views.decorators.csrf import csrf_exempt
import os
import uuid
import json
import datetime as dt
@csrf_exempt
def upload_image(request, dir_name):
##################
# kindeditor图片上传返回数据格式说明:
# {"error": 1, "message": "出错信息"}
# {"error": 0, "url": "图片地址"}
##################
result = {"error": 1, "message": "上传出错"}
files = request.FILES.get("imgFile", None)
if files:
result =image_upload(files, dir_name)
return HttpResponse(json.dumps(result), content_type="application/json")
def upload_generation_dir(dir_name):
"""
目录创建
:param dir_name:
:return:
"""
today = dt.datetime.today()
dir_name = dir_name + '/%d/%d/' %(today.year,today.month)
if not os.path.exists(settings.MEDIA_ROOT + dir_name):
os.makedirs(settings.MEDIA_ROOT + dir_name)
return dir_name
def image_upload(files, dir_name):
"""
图片上传
:param files:
:param dir_name:
:return:
"""
allow_suffix =['jpg', 'png', 'jpeg', 'gif', 'bmp'] #允许上传文件类型
file_suffix = files.name.split(".")[-1]
if file_suffix not in allow_suffix:
return {"error": 1, "message": "图片格式不正确"}
relative_path_file = upload_generation_dir(dir_name)
path=os.path.join(settings.MEDIA_ROOT, relative_path_file)
if not os.path.exists(path): #如果目录不存在创建目录
os.makedirs(path)
file_name=str(uuid.uuid1())+"."+file_suffix
path_file=os.path.join(path, file_name)
file_url = settings.MEDIA_URL + relative_path_file + file_name
open(path_file, 'wb').write(files.file.read()) # 保存图片
return {"error": 0, "url": file_url}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/182698.html原文链接:https://javaforall.cn
相关文章
- 如何简单粗暴快速的开发一款 Go 博客 - 记Milu博客1.0.beta版本发布
- 博客怎么做seo
- 新手如何安装 WordPress,建设个人博客网站?
- 【Web开发】docker+halo搭建个人博客
- java运行环境配置(jdk配置)Java博客 2 年前 桃李Taoli
- WordPress 博客限制某些用户登录的方法
- 林木授权系统,小富授权5.0程序 --文曦博客的
- Hexo博客搭建
- 针对博客网站的扫描神器Wpscan入门使用指南
- Windows Hexo博客安装配置优化(小白篇)
- 免费搭建属于自己的博客网站
- 免费的个人博客系统搭建及部署解决方案(Hugo + GitHub Pages + Cusdis)
- 轻量级开源免费博客评论系统解决方案 (Cusdis + Railway)
- WordPress 技巧:将你的博客添加到百度首页
- 从零开始搭建solo博客
- [PHP] 看博客学习观察者模式详解编程语言
- [nodejs] nodejs开发个人博客(五)分配数据详解编程语言
- 滥用图片博客做 C&C 配置
- PJ-Blog教程┊增强博客用户体验~让发表内容的同时拷贝到剪贴板以防丢失