第二百七十三节，Tornado框架-文件上传
Tornado框架-文件上传
第一、普通表单上传文件
self.request.files["fafafa"] 获取上传文件信息，参数["上传文件框的name名称"]
['filename']获取上传文件的名称
['body']获取上传文件的内容
框架引擎
#!/usr/bin/env python
#coding:utf-8 import tornado.ioloop
import tornado.web #导入tornado模块下的web文件 class dluHandler(tornado.web.RequestHandler):
def get(self):
self.render("dlu.html")
def post(self):
file_metas = self.request.files["fafafa"] #获取上传文件信息
for meta in file_metas: #循环文件信息
file_name = meta['filename'] #获取文件的名称
import os #引入os路径处理模块
with open(os.path.join('statics','img',file_name),'wb') as up: #os拼接文件保存路径，以字节码模式打开
up.write(meta['body']) #将文件写入到保存路径目录 settings = { #html文件归类配置，设置一个字典
"template_path":"views", #键为template_path固定的，值为要存放HTML的文件夹名称
"static_path":"statics", #键为static_path固定的，值为要存放js和css的文件夹名称
} #路由映射
application = tornado.web.Application([ #创建一个变量等于tornado.web下的Application方法
(r"/dlu", dluHandler),
],**settings) #将html文件归类配置字典，写在路由映射的第二个参数里 if __name__ == "__main__":
#内部socket运行起来
application.listen(8888) #设置端口
tornado.ioloop.IOLoop.instance().start()
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src='{{static_url("jquery.min.js")}}' charset="UTF-8"></script>
</head>
<body>
<form id="my_form" name="form" action="/dlu" method="POST" enctype="multipart/form-data">
<div id="main">
<input name="favor" type="text"/>
<input name="fafafa" id="my_file" type="file"/>
<input type="submit" value="提交"/>
</div>
</form>
</body>
</html>
第二、jquery的ajax上传文件
注意：FormData();创建表单对象兼容性不好，不推荐
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src='{{static_url("jquery.min.js")}}' charset="UTF-8"></script>
</head>
<body>
<input class="shchlj" type="text" name="luj"/>
<input type="file" id="img" />
<input type="button" value="上传" onclick="UploadFile();" />
<script>
function UploadFile(){
var fileObj = $("#img")[].files[]; //获取上传文件名称
var form = new FormData(); //创建表单对象
form.append("k1", "v1"); //向表单对象添加name和value
form.append("fff", fileObj); //向表单对象添加name和value,将上传文件名称添加到value $.ajax({ //jquery的ajax提交
type: 'POST',
url: '/dlu',
data: form, //提交数据为表单对象
processData: false, //默认为 true，数据被处理为 URL 编码格式。如果为 false，则阻止将传入的数据处理为 URL 编码的格式。
contentType: false, //指 定 请 求 内 容 的 类 型
success: function (response, status, xhr) { //提交成功
$('.shchlj').val(response) //将返回文件的服务器上传路径，添加到输入框值
},
error: function (xhr, errorText, errorStatus) { //如果发生错误，返回错误信息 } })
}
</script>
</body>
</html>
框架引擎
#!/usr/bin/env python
#coding:utf-8 import tornado.ioloop
import tornado.web #导入tornado模块下的web文件
import session_lei #导入session模块 class dluHandler(tornado.web.RequestHandler):
def get(self):
self.render("dlu.html")
def post(self):
file_metas = self.request.files["fff"] #获取上传文件信息
for meta in file_metas: #循环文件信息
file_name = meta['filename'] #获取文件的名称
import os #引入os路径处理模块
with open(os.path.join('statics','img',file_name),'wb') as up: #os拼接文件保存路径，以字节码模式打开
up.write(meta['body']) #将文件写入到保存路径目录
self.write(os.path.join('statics','img',file_name)) #将上传好的路径返回 settings = { #html文件归类配置，设置一个字典
"template_path":"views", #键为template_path固定的，值为要存放HTML的文件夹名称
"static_path":"statics", #键为static_path固定的，值为要存放js和css的文件夹名称
} #路由映射
application = tornado.web.Application([ #创建一个变量等于tornado.web下的Application方法
(r"/dlu", dluHandler),
],**settings) #将html文件归类配置字典，写在路由映射的第二个参数里 if __name__ == "__main__":
#内部socket运行起来
application.listen(8888) #设置端口
tornado.ioloop.IOLoop.instance().start()
第三、利用iframe框架上传文件
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src='{{static_url("jquery.min.js")}}' charset="UTF-8"></script>
</head>
<body>
<form id="my_form" name="form" action="/dlu" method="POST" enctype="multipart/form-data">
<div id="main">
<input class="shchlj" type="text" name="luj"/>
<input name="fff" id="my_file" type="file"/>
<input type="button" name="action" value="Upload" onclick="redirect()"/>
<iframe style="display: none;" id='my_iframe' name='my_iframe' src="" class="hide"></iframe>
</div>
</form>
<script>
function redirect() {
document.getElementById('my_iframe').onload = Testt; //等待框架加载完成后执行Testt函数
document.getElementById('my_form').target = 'my_iframe'; //target属性告诉浏览器希望将所链接的资源显示在哪里，提交后返回数据将显示到框架里
document.getElementById('my_form').submit(); //执行提交方法 } function Testt(ths) { //框架加载完成后执行Testt函数
var t = $("#my_iframe").contents().find("body").text(); //contents()，获取某元素下面所有元素节点，包括文本节点，如果是 iframe，则可以查找文本内容，集合元素
$('.shchlj').val(t); //获取框架里的返回内容，写入输入框
}
</script>
</body>
</html>
框架引擎
#!/usr/bin/env python
#coding:utf-8 import tornado.ioloop
import tornado.web #导入tornado模块下的web文件
import session_lei #导入session模块 class dluHandler(tornado.web.RequestHandler):
def get(self):
self.render("dlu.html")
def post(self):
file_metas = self.request.files["fff"] #获取上传文件信息
for meta in file_metas: #循环文件信息
file_name = meta['filename'] #获取文件的名称
import os #引入os路径处理模块
with open(os.path.join('statics','img',file_name),'wb') as up: #os拼接文件保存路径，以字节码模式打开
up.write(meta['body']) #将文件写入到保存路径目录
self.write(os.path.join('statics','img',file_name)) #将上传好的路径返回 settings = { #html文件归类配置，设置一个字典
"template_path":"views", #键为template_path固定的，值为要存放HTML的文件夹名称
"static_path":"statics", #键为static_path固定的，值为要存放js和css的文件夹名称
} #路由映射
application = tornado.web.Application([ #创建一个变量等于tornado.web下的Application方法
(r"/dlu", dluHandler),
],**settings) #将html文件归类配置字典，写在路由映射的第二个参数里 if __name__ == "__main__":
#内部socket运行起来
application.listen(8888) #设置端口
tornado.ioloop.IOLoop.instance().start()
第四、jquery.form.js表单插件上传文件【推荐】
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src='{{static_url("jquery.min.js")}}' charset="UTF-8"></script>
<script type="text/javascript" src='{{static_url("jquery.form.js")}}' charset="UTF-8"></script>
</head>
<body>
<form id="my_form" name="form" action="/dlu" method="POST" enctype="multipart/form-data">
<div id="main">
<input class="shchlj" type="text" name="luj"/>
<input name="fff" id="my_file" type="file"/>
<input type="submit" value="上传"/>
</div>
</form>
<script>
$('#my_form').ajaxForm({ //jquery.form.js，表单提交插件，会自动阻止跳转
url: '/dlu', //设置提交的 url，可覆盖 action 属性
type: 'POST', //GET,POST
beforeSubmit: function (formData, jqForm, options) { //提交前的验证 },
success: function (responseText, statusText) { //提交成功后的操作
$('.shchlj').val(responseText); //将服务器返回路径写入输入框
},
error: function (event, errorText, errorType) { //错误时调用,提交失败的操作 }
});
</script>
</body>
</html>
框架引擎
#!/usr/bin/env python
#coding:utf-8 import tornado.ioloop
import tornado.web #导入tornado模块下的web文件
import session_lei #导入session模块 class dluHandler(tornado.web.RequestHandler):
def get(self):
self.render("dlu.html")
def post(self):
file_metas = self.request.files["fff"] #获取上传文件信息
for meta in file_metas: #循环文件信息
file_name = meta['filename'] #获取文件的名称
import os #引入os路径处理模块
with open(os.path.join('statics','img',file_name),'wb') as up: #os拼接文件保存路径，以字节码模式打开
up.write(meta['body']) #将文件写入到保存路径目录
self.write(os.path.join('statics','img',file_name)) #将上传好的路径返回 settings = { #html文件归类配置，设置一个字典
"template_path":"views", #键为template_path固定的，值为要存放HTML的文件夹名称
"static_path":"statics", #键为static_path固定的，值为要存放js和css的文件夹名称
} #路由映射
application = tornado.web.Application([ #创建一个变量等于tornado.web下的Application方法
(r"/dlu", dluHandler),
],**settings) #将html文件归类配置字典，写在路由映射的第二个参数里 if __name__ == "__main__":
#内部socket运行起来
application.listen(8888) #设置端口
tornado.ioloop.IOLoop.instance().start()
第二百七十三节，Tornado框架-文件上传的更多相关文章
- 第二百七十二节，Tornado框架-iframe标签框架伪造ajax
Tornado框架-iframe标签框架伪造ajax html <!DOCTYPE html> <html> <head lang="en"> ...
- 第三百七十三节，Django+Xadmin打造上线标准的在线教育平台—创建用户app，在models.py文件生成3张表，用户表、验证码表、轮播图表
第三百七十三节,Django+Xadmin打造上线标准的在线教育平台—创建用户app,在models.py文件生成3张表,用户表.验证码表.轮播图表 创建Django项目 项目 settings.py ...
- ssh框架文件上传下载
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 基于tornado的文件上传demo
这里,web框架是tornado的4.0版本,文件上传组件,是用的bootstrap-fileinput. 这个小demo,是给合作伙伴提供的,模拟APP上摄像头拍照,上传给后台服务进行图像识别用,识 ...
- 十九、多文件上传（ajaxFileupload实现多文件上传功能）
来源于https://www.jb51.net/article/128647.htm 打开google 搜索"ajaxFileupload' ‘多文件上传"可以搜到许许多多类似的, ...
- SSH,SSM框架文件上传
一.了解文件上传 1.1 什么是文件上传 将本地文件通过流的形式写到服务器上 1.2 文件上传的技术 JspSmartUpload: 其组件是应用jsp进行B/S程序开发过 ...
- salesforce 零基础学习（四十二）简单文件上传下载
项目中,常常需要用到文件的上传和下载,上传和下载功能实际上是对Document对象进行insert和查询操作.本篇演示简单的文件上传和下载,理论上文件上传后应该将ID作为操作表的字段存储,这里只演示文 ...
- 十六、Struts2文件上传与下载
文件上传与下载 1.文件上传前提:<form action="${pageContext.request.contextPath}/*" method="post& ...
- tp框架-----文件上传
之前也做过文件上传,现在学了tp,用tp怎么做呢? 第一步:做一个Wenjian控制器: <?php namespace Ceshi\Controller; use Think\Controll ...
随机推荐
- websocket 协议 使用
1.websocket简介 websocket最主要特点是:服务器可以主动给浏览器发送消息,而不是被动接收浏览器请求. websock协议可以参考:http://www.ruanyifeng.com/ ...
- [Done]FindBugs: boxing/unboxing to parse a primitive
在开发过程中遇到了以下问题: FindBugs: boxing/unboxing to parse a primitive 查看代码(左边是老代码,右边是新的): 问题出在 自动装箱和拆箱的检查. 参 ...
- C# 图片转换为base64
WebRequest webRequest = WebRequest.Create("验证码url"); WebResponse webResponse = webRequest. ...
- [Asp.net]Calendar+JqueryUi实现日程管理（右键菜单，添加，编辑，删除，源码）
引言 出差终于回来了,这篇文章算是这个月的博客的开篇吧. 上篇文章:[Asp.net]Calendar+JqueryUi实现日程管理——添加日程 上篇文章主要贴了一些该项目的界面,这里面,将主要代码也 ...
- 第23章、OnFocuChangeListener焦点事件（从零开始学Android）
在Android App应用中,OnFocuChangeListener焦点事件是必不可少的,我们在上一章的基础上来学习一下如何实现. 基本知识点:OnFocuChangeListener事件 一 ...
- 使用xftp连接VirtualBox中的centos6.5
首先要在windows上安装xftp软件,这个是傻瓜式操作就不说了 安装完毕之后,在centos上查看是否装了xftpd服务. [root@centos Desktop]# rpm -qa | gre ...
- 转 redis使用场景 简介
Redis实战(五) 聊聊Redis使用场景 发表于 2016-11-21 | 数据存储 | Redis 文章目录 1. 使用场景说明 1.1. 计数器 1.2. 排行榜 1.3. 用于存储时间戳 1 ...
- unity, ugui button 禁止重复点击
如上图,button名称为btn_sim,当点击button后,开始播放zoomToTarget动画.为了防止在动画播放过程中再次点击button导致动画被打断,希望当首次点击button后butto ...
- Node.js综述
前言 本综述文章旨在帮助读者深入理解下Node.js的本质,不去关注应用的细节,我认为真正的技术问题只有在动手写代码的时候才会遇到,那个阶段解决问题才是真正有意义的. 发展史 Node.js是Ry ...
- Python黑魔法，一行实现并行化
Python 在程序并行化方面多少有些声名狼藉.撇开技术上的问题,例如线程的实现和 GIL,我觉得错误的教学指导才是主要问题.常见的经典 Python 多线程.多进程教程多显得偏“重”.而且往往隔靴搔 ...