kindeditor 图片上传

最新推荐文章于 2024-08-11 18:39:08 发布

weixin_34396902

最新推荐文章于 2024-08-11 18:39:08 发布

阅读量54

点赞数

文章标签： json 前端 ViewUI

原文链接：http://blog.51cto.com/sgk2011/2112175

版权

视图函数

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>

转载于:https://blog.51cto.com/sgk2011/2112175

weixin_34396902

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
kindeditor 图片上传

视图函数CONTENT = ""from app01.forms import ArticleFormdef wangzhe(request): if request.method == "GET": obj = ArticleForm() return render(request,'wangzhe.html',{'obj':obj}) el...
复制链接

扫一扫