zoukankan      html  css  js  c++  java
  • form表单、ajax 的上传文件

    一、form表单上传文件

      1  <form  enctype="multipart/form-data">

         不设置enctype的值的话,默认 application/x-www-form-urlencoded 即url 编码格式,键值对形式

         设置属性 enctype 为 multipart/form-data(二进制流),制定数据的特殊类型,即非文本的内容,比如图片或是是mp3。

      2  <input type="file" name="file">     类型为file

      3  视图中用 request.FILES.get("file")取到 一个 ...uploadedfile... 对象,名字name属性为源文件名。

      4  上边3中的对象有个chunks() 方法,可设置文件块的大小

        

        

      注意:

        项目的起始路径就是项目的根路径,上传文件也即是根路径。

    二、ajax上传文件

      首先, 什么是FormData ?

        FormData 对象的使用:

          1.用一些键值对来模拟一系列表单控件:即把form中所有表单元素的name与value组装成一个queryString。

          2.适用于异步上传二进制文件。

      ajax异步上传文件需要注意的:

        1  new一个新FormData对象,用它的 append()方法,加载文件数据。

        2  processData:false, contentType:false

           

          注意:
            $('#f1') 取到的是jQuery对象,需要加索引$('#f1')[0]转化成dom对象
            或者改成 document.getElementById("#f1")

           

       

    ok

  • 相关阅读:
    [bzoj1613 Usaco2007 Jan]Running贝茜的晨练计划
    [bzoj1600][Usaco2008 Oct]建造栅栏
    [bzoj3208]花神的秒题计划I
    [vijos1011]滑雪
    [noip2007 pjt3] 守望者的逃离
    DP(1) 背包
    快速幂 模板及应用
    BZOJ1303: [CQOI2009]中位数图
    BZOJ1083: [SCOI2005]繁忙的都市
    Bzoj1084: [SCOI2005]最大子矩阵
  • 原文地址:https://www.cnblogs.com/kingon/p/9445048.html
Copyright © 2011-2022 走看看