zoukankan      html  css  js  c++  java
  • 使用Ajax请求传递form表单文件上传数据

    FormData的主要用途有两个:
    1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。
    2、异步上传文件

    使用一:

    var formData = new FormData();
    formData.append('photo', $('#file')[0].files[0]);

    js文件:
    $.post("upload",formData,function (data) {
       if(data){
        alert("提交成功");
       }
    });

    出现错误

     探究发现$.post方法无法满足文件上传

    原因:

        1.$.post中contentType默认的值为:'application/x-www-form-urlencoded; charset=UTF-8,而文件上传一个是multipart/form-data,但是请求内容不只是文件上传。所有使用contentType:false
        2.$.post中processData参数默认的值为true,会转数据格式,上传不需要转,所有使用processData: false
    ————————————————

    使用二:
    正确的代码:

    var formData = new FormData();
    formData.append('photo', $('#file')[0].files[0]);
    $.ajax({
                        type: "POST",
                        url:"upfile",
                        data:formData,
                        contentType: false,
                        processData: false,
                        success: function(data) {
                            if(data){
                                alert("上传完成~~~");
                            }
                        }
                    });
    ————————————————

    总结: post()不是万能的,虽然非常简便,但是还是有一定的局限性,如果遇到需要复杂些的设置还是需要使用ajax()



  • 相关阅读:
    博客园添加访问人数统计【转】
    Android环境下通过C框架层控制WIFI【转】
    用户态文件系统fuse学习【转】
    linux内核 RCU机制详解【转】
    使用diff制作补丁【学习笔记】
    OAuth2授权原理
    Code! MVC 5 App with Facebook, Twitter, LinkedIn and Google OAuth2 Sign-on (C#)
    lock关键字只不过是C#提供的语法糖
    关于OATUH中的AUTHRAZITON CODE和TOKEN的关系,实际上就是这么回事
    SQL Server 索引设计指南
  • 原文地址:https://www.cnblogs.com/zkaiw/p/12660559.html
Copyright © 2011-2022 走看看