html在线上传图片,kindeditor 图片上传

kindeditor 图片上传

发布时间：2020-07-01 01:03:58

来源：51CTO

阅读：1134

作者：kesungang

视图函数

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 %}

文章标题

文章内容

KindEditor.create("#i1",{

width: "700px",

height: "300px",

resizeType:1,

uploadJson: '/upload_img.html',

extraFileUploadParams:{

"csrfmiddlewaretoken":"{{ csrf_token }}"

}

})

html在线上传图片,kindeditor 图片上传相关推荐

KindEditor图片上传路径URL的处理
最近的项目中使用了KindEditor作为富文本编辑器进行文本编辑处理.KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEd ...
kindeditor图片上传 struts2实现
一.kindeditor以及struts2部署搭建不再赘述,如须要请參考kindeditor用法 Struts2框架搭建二.kindeditor图片上传所依赖jar包在kindeditor\jsp\ ...
kindeditor图片上传 jsp版
经过了那么长时间的搜索,看了好多有关kindeditor图片上传的东西,各种方法也试过了,但总是报服务器发生障碍,今天终于解决了!!!拿出来给大家分享!!! 首先在官网下载kindeditor压缩包, ...
kindeditor图片上传
KindEditor是一款用Javascript编写的开源在线HTML编辑器,主要用户是让用户在网站上获得可见即可得的编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(texta ...
php 安全上传图片,php 图片上传安全探讨
PHP 图片上传安全探讨 [问题发现] 今天想做一个图片上传的操作类,在网上找了些demo,发现大家对上传的文件,会先对文件类型进行校验, 校验的方式基本上就是获取 $_FILES["upf ...
kindeditor图片上传配置水印
先上效果图网上有帖子说初始化了编辑器后就无法更改设置,其实是可以的.只不过不再是修改那些初始化参数了. <script> KindEditor.ready(function (K) ...
php ckeditor 上传图片,CKEditor图片上传的PHP实现
编辑文章是网站后台的常用功能,CKEditor是目前流行的富文本编辑器,它使用方便但要做一些配置才能实现上传本地图片到服务器的功能.在参考了一篇java下CKEditor图片上传的博文后,我用PHP实 ...
Android实现拍照选择相册图片上传图片(多图片上传)功能
安卓多图片上传代码直接上代码 1.主程序入口XML文件 <?xml version="1.0" encoding="utf-8"?> <ma ...
在线相册，图片上传，基于 Spring boot vuejs element ui mysql 的项目
最近想学关于vuejs 和 element ui ,趁着工作之余开发了一个在线相册的项目,功能有注册,登录,预览,各种中心,图片上传,我的资源,图片编辑等,,在此做一个分享吧. Git 地址 :ht ...
vue用form上传图片_vue图片上传
vue实现图片上传的三种方法 1.使用elementui框架实现图片上传 :accept="'image/*'"//接受上传的[文件类型] :action="上传的接口地 ...

html在线上传图片,kindeditor 图片上传

html在线上传图片,kindeditor 图片上传相关推荐

最新文章

热门文章