分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

kindeditor 图片上传

发布时间:2023-09-06 01:52责任编辑:郭大石关键词:暂无标签
视图函数

CONTENT = ""from app01.forms import ArticleFormdef wangzhe(request): ???if request.method == "GET": ???????obj = ArticleForm() ???????return render(request,‘wangzhe.html‘,{‘obj‘:obj}) ???else: ???????obj = ArticleForm(request.POST) ???????if obj.is_valid(): ???????????content = obj.cleaned_data[‘content‘] ???????????global CONTENT ???????????CONTENT = content ???????????print(content) ???????????return HttpResponse(‘...‘)def see(request): ???return render(request,‘see.html‘,{‘con‘: CONTENT})def upload_img(request): ???import os ???upload_type = request.GET.get(‘dir‘) ???file_obj = request.FILES.get(‘imgFile‘) ???file_path = os.path.join(‘static/imgs‘,file_obj.name) ???with open(file_path,‘wb‘) as f: ???????for chunk in file_obj.chunks(): ???????????f.write(chunk) ???dic = { ???????‘error‘: 0, ???????‘url‘: ‘/‘ + file_path, ???????‘message‘: ‘错误了...‘ ???} ???import json ???return HttpResponse(json.dumps(dic))

前端页面

<body> ???<form method="POST" action="/wangzhe.html" novalidate> ???????{% csrf_token %} ???????<p> ???????????文章标题 ???????????{{ obj.title }} ???????</p> ???????<div> ???????????<div>文章内容</div> ???????????<div> ???????????????{{ obj.content }} ???????????</div> ???????</div> ???????<input type="submit" value="提交" /> ???</form> ???<script src="/static/kindeditor-4.1.10/kindeditor-all.js"></script> ???<script> ???????KindEditor.create("#i1",{ ???????????width: "700px", ???????????height: "300px", ???????????resizeType:1, ???????????uploadJson: ‘/upload_img.html‘, ???????????extraFileUploadParams:{ ???????????????"csrfmiddlewaretoken":"{{ csrf_token }}" ???????????} ???????}) ???</script></body>

kindeditor 图片上传

原文地址:http://blog.51cto.com/sgk2011/2112175

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved