html在线上传图片,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))

前端页面

{% csrf_token %}

文章标题

{{ obj.title }}

文章内容

{{ obj.content }}

KindEditor.create("#i1",{

width: "700px",

height: "300px",

resizeType:1,

uploadJson: '/upload_img.html',

extraFileUploadParams:{

"csrfmiddlewaretoken":"{{ csrf_token }}"

}

})