zoukankan      html  css  js  c++  java
  • http发送文件的原理

    首先解释下form的enctype属性的问题:

    该属性为提交表单浏览器对数据的编码方式,常用有两种:application/x-www-form-urlencoded和multipart/form-data,默认为application/x-www-form-urlencoded。

    当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2...),然后把这个字串append到url后面,用?分割,加载这个新的url。
    当action为post时候,浏览器把form数据封装到http body中,然后发送到server。

    如果没有type=file的控件,用默认的application/x-www-form-urlencoded就可以了。
    但是如果有type=file的话,就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息,并加上分割符(boundary)。
    如果有以下form,并选择了file1.txt上传
    <form action="http://server.com/cgi/handle"
           enctype="multipart/form-data"
           method="post">
       <input type="text" name="submit-name" value="chmod777"><br />
       What files are you sending? <input type="file" name="files"><br />
    < /form>

    则有如下body:
    Content-Type: multipart/form-data; boundary=AaB03x

       --AaB03x
       Content-Disposition: form-data; name="submit-name[表单域名]"

       chmod777
       --AaB03x
       Content-Disposition: form-data; name="files[表单域名]"; filename="file1.txt"
       Content-Type: text/plain

       ... contents of file1.txt ...
       --AaB03x--

    那么如何解决图片问题呢?(ajax的httpxmlrequest无法上传文件的)

    先创建一个Iframe,然后form的target指向它。

    <form   action="upload.jsp"   enctype="multipart/form-data"   method="post"  target="ifm" >
    < /form>
    < iframe id='ifm' name='ifm' style="display:none"/>

    后台处理完后可以输出:

    <script type="text/javascript">alert("'+message+'")</script>;

    这样便可完成判断上传是否成功的功能。

  • 相关阅读:
    private SortedDictionary<string, object> Dic_values = new SortedDictionary<string, object>();
    [Luogu 2817]宋荣子的城堡
    [测试题]等效集合
    [SDOI 2009]HH去散步
    [HNOI 2013]比赛
    [SCOI 2016]背单词
    [测试题]圆圈
    [Luogu 3389]【模板】高斯消元法
    [Codeforces 505C]Mr. Kitayuta, the Treasure Hunter
    [Codeforces 448C]Painting Fence
  • 原文地址:https://www.cnblogs.com/jackljf/p/3589367.html
Copyright © 2011-2022 走看看