zoukankan      html  css  js  c++  java
  • H5的FormData对象完成ajax上传文件multiFile

            最近工作中需要完成,ajax上传图片,可是input file +ajax是无法完成的;

            于是寻找了许久,发现了H5 的一个对象FormData

            使用方法如下:

            HTML:

    1 <form id="myForm" enctype="multipart/form-data">
    2        <input type="hidden" name="name"  value="马三" />
    3        <input type="hidden" name="age"  value="25" />
    4        <input type="file"      name="myfile"   />
    5 </form>

          ajax:

    var data = new FormData($('#myForm')[0]);
    $("#myForm").ajaxForm({
             type:"post",
             url:url,
             data:data,
             success:function(data){
                    console.log("SUCCESS");
             },
             error:function(){
                    console.log("Failed");
             }
    })        

            注意事项:1.上传文件请在form增加属性 enctype="multipart/form-data",form表单默认编码不允许上传文件,增加此属性才行。

            

  • 相关阅读:
    bzoj1648:奶牛野餐
    bzoj1650:跳石子
    bzoj1643:贝西的秘密草坪
    bzoj1639:月度开支
    bzoj1636:Balanced Lineup
    bzoj1634:护花
    .
    bzoj1620:时间管理
    bzoj1611:流星雨
    bzoj1609:麻烦的聚餐
  • 原文地址:https://www.cnblogs.com/maxm/p/5879752.html
Copyright © 2011-2022 走看看