django23:BS4/kindeditor上传图片
BS4
Beautiful Soup,Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实现惯用的文档导航,查找,修改文档的方式。
安装
pip3 install beautifulsoup4
使用
from bs4 import BeautifulSoup#html_doc为网页内容
soup = BeautifulSoup(html_doc, 'html.parser')tags=soup.find_all()
#获取所有标签
for tag in tags:print(tag.name)#针对 scriptif tag.name='script'#删除标签tag.decompose()#过滤后的soup
content=str(soup)# 截取文本内容前150字符 .text表示文本
desc=soup.text[0:150]
note:
其实还是需要解析器的,但是这里用自带的。如下:
pip install html5lib
解析器对比:
官方文档
编辑器kindeditor
官方查看资料:http://kindeditor.net/docs/option.html#extrafileuploadparams
编辑器上传图片
1.网页
<script charset="utf-8" src="/static/kindeditor/kindeditor.js"></script><script>KindEditor.ready(function (K) {window.editor = K.create('#id_content',{width : '100%',height : '700px',resizeType: '1',uploadJson : '/upload_image/',extraFileUploadParams : {'csrfmiddlewaretoken':'{{ csrf_token }}'}});});</script>
uploadJson :设置图片url,图片往url发送,所以增加路由url处理 extraFileUploadParams : 额外参数,这里是post发送,所以需要发送校验。
2.url.py
# 编辑器上传图片借口re_path(r'^upload_image/',views.upload_image),
3.视图层views.py
# 上传图片
import os
from BBS_Virtualenvs import settings
def upload_image(request):"""//成功时{"error" : 0,"url" : "http://www.example.com/path/to/file.ext"}//失败时{"error" : 1,"message" : "错误信息"}:param request::return:"""back_dic = {'error': 0, } # 先定义返回给编辑器的数据形式# 用户上传图片 也算是静态资源 应该放在防盗media文件夹下if request.method == 'POST':# 获取用户上传图片对象print(request.FILES) #打印查看键名字 imgFilefile_obj =request.FILES.get('imgFile')# 手动拼接存储文件的路径file_dir=os.path.join(settings.BASE_DIR,'media','article_img')# 优化操作 先判断当前文件是否存在 如果不存在 自动创建if not os.path.isdir(file_dir):os.mkdir(file_dir) #创建目录 article_imgfile_path=os.path.join(file_dir,file_obj.name)with open(file_path,'wb') as f:for line in file_obj:f.write(line)# 返回文件路径名字 也需要手动拼接# 为什么不用file_path? /BBS_Virtualenvs/media 不能作为网页连接,没有暴露资源back_dic['url']='/media/article_img/%s'%file_obj.namereturn JsonResponse(back_dic)
参考:https://www.cnblogs.com/Dominic-Ji/p/9637705.html
django23:BS4/kindeditor上传图片相关推荐
- (转) 淘淘商城系列——解决KindEditor上传图片浏览器兼容性问题
http://blog.csdn.net/yerenyuan_pku/article/details/72808229 上文我们已实现了图片上传功能,但是有个问题,那就是对浏览器兼容性不够,因为Map ...
- PHP 编辑器 kindEditor 上传图片失败 解决方案
这个坑是原始巨坑,刚学PHP出来的时候,为这个问题鏖战了好几天,含泪将解决方案写出来,希望能帮到你们 问题 PHP 编辑器 kindEditor上传图片失败 解决方案 打开 kindEditor 的 ...
- kindeditor 上传图片失败问题总结
1.近段时间一直在处理kindeditor上传图片失败的问题,前期一直以为是前端的问题,利用谷歌控制台,打断点,修改方法,一直都找不到解决方案,直到查看服务器配置,才发现: WEB 1号服务器 /da ...
- 记录vue使用KindEditor上传图片发生的iframe跨域的错误
记录KindEditor上传图片时候发生的错误:Blocked a frame with origin "http://localhost:8080" from accessing ...
- kindeditor上传图片php,Kindeditor编辑器添加图片上传水印功能(php代码)
KindEditor 是一套开源的在线HTML编辑器,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框.可以无缝地与 Java..NET.PH ...
- kindeditor java上传_富文本编辑器kindeditor上传图片的配置方法
[导读]这篇文章主要介绍了使用富文本编辑器上传图片实例详解的相关资料,需要的朋友可以参考下 富文本编辑器上传图片 一.导入kindeditor的js 二.将kindeditor与一个文本域textar ...
- kindeditor 上传图片返回带 当前网址的图片地址
在编辑器初始化的时候 加上urlType : 'domain', var editor; KindEditor.ready(function(K) {editor = K.create('textar ...
- kindeditor上传图片后自动缩放尺寸
放便 <link rel="stylesheet" href="kindeditor/themes/default/default.css" /> ...
- KindEditor上传图片后回调传入文本框和列表框并显示图片
KindEditor编辑器本地上传图片文件后(单个图片上传和批量图片上传),将数据回调,以实现自由设置任何一张图片做为文章形象图且在指定区域展示此形象图的功能. 以下是KindEditor 4.1.1 ...
最新文章
- php lyadmin,index.php
- 两个音轨合并_webm格式视频文件合并+weba音频文件无损合并
- Ubuntu下python升级pip(ImportError: cannot import name 'main')
- 【图文详解】IDEA控制台运行时出现乱码:淇℃伅...
- iOS app 企业内部发布及HTTPS服务器配置
- coherence安装_Oracle Coherence:分布式数据管理
- MSP430F5529 DriverLib 库函数学习笔记(二)GPIO
- Oracle 表备份还原
- vue中v-for指令的使用之Vue知识点归纳(八)
- collection集合 介绍_五分钟了解MongoDB介绍,安装与使用
- RedHat 7本地yum源的配置
- 10.数据管理(内存,文件锁)
- 简约个人介绍主页源码,免费创建个人主页
- 通过RDC访问内网电脑时提示“出现身份验证错误。要求的函数不受支持 这可能是由于CredSSP加密”...
- Python 调用 Everything 进行查找文件
- 转载:word2019写公式序号
- 数据库与MPP数仓(二十三):postgreSQL集群与高级特性
- buck降压斩波电路
- 曾仕强《中国式管理-人际关系学》笔记中
- 安卓bmi项目_身高体重指数计算器手机版|bmi体重指数计算器安卓版下载 v1.0.0 - 跑跑车安卓网...