kindeditor 图片上传
视图函数
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>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。