XMLHttpRequest Level 2 FormData 提交二进制文件

SexySix 发布于2019-08-21 10:22 / 2205人阅读

摘要：添加了一个新的接口利用对象我们可以通过用一些键值对来模拟一系列表单控件我们还可以使用的方法来异步的提交这个表单比起普通的使用的最大优点就是我们可以异步上传一个二进制文件想要更详细的了解如何使用对象请查看使用对象实例你还可以使用来发送但

XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件.

想要更详细的了解如何使用FormData对象, 请查看使用FormData对象.

实例：




    
    ajax submit file


 
    Your email address: 
    
 
    Custom file label: 
    
 
    File to stash:  

 
Stash the file!

你还可以使用jQuery来发送FormData,但必须要正确的设置相关选项:

Stash the file!

$("#sendForm").click(function(){
    var fd = new FormData(document.forms.namedItem("fileinfo")); 
    var request = $.ajax({ 
        url: "test.json", 
        type: "POST", 
        data: fd, 
        processData: false,  // 告诉jQuery不要去处理发送的数据   contentType: false   // 告诉jQuery不要去设置Content-Type请求头 
    });

    request.done(function(json){
        console.log("a");
    });

    request.fail(function(){
        console.log("b");
    });

});

其他方法：
fileuploader插件：http://www.phpletter.com/DOWNLOAD/

GPU云服务器云服务器 java读文件2进制 formdata上传文件 php 2进制转换 java 2进制写法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85409.html

使用HTML5的FormData对象，通过 Ajax表单异步提交文件数据

摘要：利用对象，我们可以通过用一些键值对来模拟一系列表单控件，我们还可以使用的方法来异步的提交表单。与普通的相比，使用的最大优点就是我们可以异步上传二进制文件。每次在向服务器提交文件对象数据是，总是需要借助各种三方插件来实现表单异步提交功能，还要为不同的界面去定制不同的插件css，相当繁琐。XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 Form...

用户83 2019-08-19 17:56 评论0 收藏0
关于 FormData

摘要：分析一下请求信息，发现这种提交方式与表单提交是一样的，比如提交兼容性由图可见，在移动端，对低版本的设备支持不够友好。我们知道，在请求中，函数会自动生成请求头和请求主体。在浏览器不支持的情况下，我们可以通过拼接请求，来达到目的。介绍先看看 MDN 对FormData的介绍: XMLHttpRequest Level2添加了一个新的接口FormData. 利用FormData对象,我们...

shuibo 2019-08-20 13:42 评论0 收藏0
你不知道的 XMLHttpRequest

摘要：默认参数为空字符串密码，可选参数，用于授权。默认参数为空字符串备注如果不是有效的方法或地址不能被成功解析，将会抛出异常如果请求方法不区分大小写为或将会抛出异常重写由服务器返回的类型。本文详细介绍了 XMLHttpRequest 相关知识，涉及内容： AJAX、XMLHTTP、XMLHttpRequest详解、XMLHttpRequest Level 1、Level 2 详解 XHR...

ckllj 2019-08-20 15:35 评论0 收藏0