1直接form提交给后台处理

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>form-upload</title>

 </head>

 <body>
　　注意form的enctype类型"multipart/form-data"
 <form action="/form_upload" method="post" enctype="multipart/form-data">  <input type="file" name="file"/>  <input type="submit", value="上传"/>  </form>  </body>  </html>

后台post方法统一处理代码如下：
class FormRequest_handle(tornado.web.RequestHandler):

    def get(self, *args, **kwargs):

        self.render('iframe_upload.html', status='')

    def post(self, *args, **kwargs):

        print('post')

        file_data = self.request.files['file']#读出了的文件是数组里面的是字典形式[{'filename':'xxx','body':'xxxxxxxxxxxxx'}]

        for meta in file_data:

            filename = meta['filename']

            print(filename, file_data)

            with open(os.path.join('static', filename), 'wb') as up:

                up.write(meta['body'])

        self.write('upload success')

settings = {

    'template_path':'views',

    'static_path':'static',

    # 'xsrf_cookies':True,此处测试csrf跨站伪造请求攻击请忽略

}

if __name__ == '__main__':

    application = tornado.web.Application([

        # (r'/index', Indexhandle),

        # (r'/manager', Managerdhandle),

        # (r'/csrf', Csrf_handle),

        # (r'/xml', XmlHttpRequest_handle),

        (r'/iframe',FormRequest_handle),

    ], **settings)

    application.listen(8089)

    tornado.ioloop.IOLoop.instance().start()

　　2.伪ajax(iframe) 此方法发送请求不刷新页面，利用iframe 的局部刷新特性，对浏览器兼容性更好

 <body>

 <form id="myform" action="/iframe" method="post" enctype="multipart/form-data">

     <input type="file" name="file"/>

     <input type="button" value="上传" onclick="redirect()"/>

     <iframe id="myiframe" name="my_iframe"></iframe>

 </form>

 <script src="{{static_url('jquery-3.2.1.js')}}"></script>

 <script>

     function redirect() {

 //        document.getElementById('myiframe').onload = test;#执行完iframe立即执行test函数

         $('#myiframe').onload = test;

         document.getElementById('myform').target = 'my_iframe';//此处等于IDmyframe会有不同

         document.getElementById('myform').submit();

 //        $('#myform').submit();

     }

    function test() {

         var t = $('#myiframe').contents().find('body').text();

         console.log(t)

    }

 </script>

 </body>

tornado之文件上传的几种形式form,伪ajax(iframe)的更多相关文章

  1. curl文件上传有两种方式，一种是post_fileds，一种是infile

    curl文件上传有两种方式,一种是POSTFIELDS,一种是INFILE,POSTFIELDS传递@实际地址,INFILE传递文件流句柄! );curl_setopt($ch, CURLOPT_PO ...

  2. 让nginx支持文件上传的几种模式

    文件上传的几种不同语言和不同方法的总结. 第一种模式 : PHP 语言来处理 这个模式比较简单, 用的人也是最多的, 类似的还有用 .net 来实现, jsp来实现, 都是处理表单.只有语言的差别, ...

  3. 文件上传的三种模式-Java

    文件上传的三种方式-Java 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方 ...

  4. 第二百七十三节，Tornado框架-文件上传

    Tornado框架-文件上传 第一.普通表单上传文件 self.request.files["fafafa"] 获取上传文件信息,参数["上传文件框的name名称&quo ...

  5. 基于tornado的文件上传demo

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

  6. ASP.NET文件上传的三种基本方法

    ASP.NET依托.net framework类库,封装了大量的功能,使得上传文件非常简单,主要有以下三种基本方法. 方法一:用Web控件FileUpload,上传到网站根目录. <form i ...

  7. web 文件上传的几种方式

    问题 文件上传在WEB开发中应用很广泛. 文件上传是指将本地图片.视频.音频等文件上传到服务器上,可以供其他用户浏览或下载的过程. 以下总结了常见的文件(图片)上传的方式和要点处理. 表单上传 这是传 ...

  8. 利用Selenium实现图片文件上传的两种方式介绍

    在实现UI自动化测试过程中,有一类需求是实现图片上传,这种需求根据开发的实现方式,UI的实现方式也会不同. 一.直接利用Selenium实现 这种方式是最简单的一种实现方式,但是依赖于开发的实现. 当 ...

  9. Java文件上传的几种方式

    文件上传与文件上传一样重要.在Java中,要实现文件上传,可以有两种方式: 1.通过Servlet类上传 2.通过Struts框架实现上传 这两种方式的根本还是通过Servlet进行IO流的操作. 一 ...

随机推荐

  1. 跟着刚哥梳理java知识点——反射和代理（十七）

    反射机制是什么?反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有的属性和方法:对于任意一个对象,都能够调用他的一个方法和属性,这种动态获取的信息以及动态调用对象的方法的功能称为java语 ...

  2. webmagic源码学习(一)

    最近工作主要是一些爬虫相关的东西,由于公司需要构建自己的爬虫框架,在调研过程中参考了许多优秀的开源作品,包括webmagic,webcollector,Spiderman等,通过学习这些优秀的源码获益 ...

  3. JS实现图片不间断滚动

    方法一: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title ...

  4. PPT制作线条动画

    0.小叙闲言 今天在用PPT做动画的时候小有心得,百度了一下线条动画制作,有一个贴子里面的讨论,也给了我一些灵感,贴子地址:http://www.rapidbbs.cn/thread-24577-1- ...

  5. AspNetCore-MVC实战系列（二）之通过绑定邮箱找回密码

    AspNetCore - MVC实战系列目录 . 爱留图网站诞生 . AspNetCore - MVC实战系列(一)之Sqlserver表映射实体模型 . AspNetCore-MVC实战系列(二)之 ...

  6. stl_container容器和std_algorithm算法相同的函数

    八.算法和容器中存在的功能相同的函数: 8.1.array: 8.1.1.fill. 1.在array中:void fill (const value_type& val); 2.在algor ...

  7. HTML5 进阶系列：拖放 API 实现拖放排序

    前言 HTML5 中提供了直接拖放的 API,极大的方便我们实现拖放效果,不需要去写一大堆的 js,只需要通过监听元素的拖放事件就能实现各种拖放功能. 想要拖放某个元素,必须设置该元素的 dragga ...

  8. webService 下得 拦截

    当我们 对webservice 接口的 拦截 更具权限  来 判断 是否可以调用  一下是我的 一个demo 首先 我们写一个 拦截类 import javax.xml.soap.SOAPExcept ...

  9. oracle 12c 新特性之（相同字段上的多重索引、ddl 日志、限制PGA的大小、分页查询）

    1. 相同字段上的多重索引   在Oracle 12c R1之前,一个字段是无法以任何形式拥有多个索引的.或许有人会想知道为什么通常一个字段需要有多重索引,事实上需要多重索引的字段或字段集合是很多的. ...

  10. 用ajax判断用户是否已存在？----2017-05-12

    首先在用ajax之前,先说一下JSON: JSON:javascript object notation   js对象标记 对于json,我们只需要知道如何定义json?如何输出?怎么遍历? 1.定义 ...