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框架-文件上传的更多相关文章

  1. 第二百七十二节，Tornado框架-iframe标签框架伪造ajax

    Tornado框架-iframe标签框架伪造ajax html <!DOCTYPE html> <html> <head lang="en"> ...

  2. 第三百七十三节，Django+Xadmin打造上线标准的在线教育平台—创建用户app，在models.py文件生成3张表，用户表、验证码表、轮播图表

    第三百七十三节,Django+Xadmin打造上线标准的在线教育平台—创建用户app,在models.py文件生成3张表,用户表.验证码表.轮播图表 创建Django项目 项目 settings.py ...

  3. ssh框架文件上传下载

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. 基于tornado的文件上传demo

    这里,web框架是tornado的4.0版本,文件上传组件,是用的bootstrap-fileinput. 这个小demo,是给合作伙伴提供的,模拟APP上摄像头拍照,上传给后台服务进行图像识别用,识 ...

  5. 十九、多文件上传（ajaxFileupload实现多文件上传功能）

    来源于https://www.jb51.net/article/128647.htm 打开google 搜索"ajaxFileupload' ‘多文件上传"可以搜到许许多多类似的, ...

  6. SSH,SSM框架文件上传

    一.了解文件上传 1.1        什么是文件上传 将本地文件通过流的形式写到服务器上 1.2        文件上传的技术 JspSmartUpload: 其组件是应用jsp进行B/S程序开发过 ...

  7. salesforce 零基础学习（四十二）简单文件上传下载

    项目中,常常需要用到文件的上传和下载,上传和下载功能实际上是对Document对象进行insert和查询操作.本篇演示简单的文件上传和下载,理论上文件上传后应该将ID作为操作表的字段存储,这里只演示文 ...

  8. 十六、Struts2文件上传与下载

    文件上传与下载 1.文件上传前提:<form action="${pageContext.request.contextPath}/*" method="post& ...

  9. tp框架-----文件上传

    之前也做过文件上传,现在学了tp,用tp怎么做呢? 第一步:做一个Wenjian控制器: <?php namespace Ceshi\Controller; use Think\Controll ...

随机推荐

  1. 使用Jmeter对应用程序进行测试

    JMeter是Apache组织的开放源代码项目,它是功能和性能测试的工具,100%的用java实现,最新的版本是1.9.1,大家可以到 http://jakarta.apache.org/jmeter ...

  2. Flutter混合栈的管理

    Flutter出现的目的旨在统一Android/IOS两端编程,因此完全基于Flutter开发的App,只需提供一个包含FlutterView的页面,后续页面增加/删除/跳转均在FlutterView ...

  3. Web中树形数据(层级关系数据)的实现—以行政区树为例

    在Web开发中常常遇到树形数据的操作,如菜单.组织机构.行政区(省.市.县)等具有层级关系的数据. 以下以行政区为例说明树形数据(层级关系数据)的存储以及实现,效果如图所看到的. 1 数据库表结构设计 ...

  4. 算法笔记_046:跳台阶问题（Java）

    目录 1 问题描述 2 解决方案 2.1 递归法 2.2 迭代法   1 问题描述 一个台阶总共有n级,如果一次可以跳1级,也可以跳2级,求总共有多少种跳法. 2 解决方案 2.1 递归法 如果整个台 ...

  5. Linux dig

    安装dig: yum install bind-utils dig 常用命令: # dig 最基本的用法dig @server sina.com.cn. # 用 dig 查看 zone 数据传输 di ...

  6. shell学习三十二天----read读取一行

    标准输入输出与标准错误输出 标准输入/输出可能是软件工具设计原则里最主要的观念了.他的构想是:程序应有一个数据来源,数据出口(数据要去哪里),以及报告问题的地方.他们分别叫做标准输入,标准输出和标准错 ...

  7. gdb调试运行程序带参数（调用动态链接库），debug过程记录

    library多线程file1.gdb (运行程序名称) 例如 gdb cbenchmark 2.设置运行参数 set args -c 1 -n 1 -F ./libaliww.so -l 1 3.如 ...

  8. 【jquery操作cookie】JQuery中$.cookie()方法的使用（同名cookie会覆盖）

    jquery.cookie.js插件: <script type="text/javascript" src="js/jquery-1.6.2.min.js&quo ...

  9. 【转帖】如何利用Spring Cloud构建起自我修复型分布式系统

    http://zhidao.baidu.com/link?url=tSKwdn3wr8KUxWMteHmneFtY0KoNZBMK9Xy-RimsdISA4h2neAecgHqggBipz2w6nXr ...

  10. Javascript遍历页面控件

    function validate(){ //var Elements = document.all;  var Elements = document.getElementsByTagName(&q ...