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表单默认编码不允许上传文件,增加此属性才行。

            

  • 相关阅读:
    linux所有命令失效的解决办法
    第一章 网络基础知识
    RNQOJ 数列
    RNQOJ Jam的计数法
    RNQOJ 开心的金明
    RQNOJ 明明的随机数
    分类讨论的技巧
    Unity 碰撞检测
    Unity --yield return
    Unity 移动方式总结
  • 原文地址:https://www.cnblogs.com/maxm/p/5879752.html
Copyright © 2011-2022 走看看