kindeditor 圖片上傳
阿新 • • 發佈:2018-05-03
kindeditor 圖片上傳視圖函數
CONTENT = "" from app01.forms import ArticleForm def 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 圖片上傳