使用jQuery HTML5和FormData上传文件的方法示例

在HT ML 5之前，有一 系列 jq uery的技 术 和插件来实现AJAX文件上传。HTML5引入了可以 简化 文件上传的FormData类。本篇 文章 给大家介绍一下使用jQuery HTML5和FormData上 传文件 的方法示例。

$(& # 39;#myform').on('sumb IT ', function(){
     VAR  form = $(this);
    var formdata = false;
    if (window.FormData)
    {
        formdata = new FormData(form[0]);
    }
    var formAction = form.attr('action');
    $.ajax({
        url         : '/upload',
        data        : formdata ? formdata : form.serialize(),
        cache       : false,
        contentTy PE  : false,
         PR oce SSD ata : false,
        type        : 'POST',
        success     : function(data, text stat us, jqX hr ){
            // Callback code
        }
    });
    });

你不需要任何插件，flash或ifr am e技巧就能有效的实现。这里有一些技巧可以使这些代码以我们期望的方式工作：

当我们创建FormData的实例时，我们传递form [0]而不是form。它的 意思 是实际的表单元素，但不是jQuery选择器。

我们只是传递false而不是定义contentType。这意味着jQuery不向请求添加 Content -t ype头部。

我们设置processData为false，所以，jQuery不会将我们的data值（以FormData为基础）转换为字符串。

以上就是使用jQuery HTML5和FormData上传文件的方法示例的详细内容，更多请关注其它相关文章！

总结

以上是 为你收集整理的 使用jQuery HTML5和FormData上传文件的方法示例 全部内容，希望文章能够帮你解决 使用jQuery HTML5和FormData上传文件的方法示例 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于使用jQuery HTML5和FormData上传文件的方法示例的详细内容...