A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 懒,羊羊 于 2018-10-18 21:25 编辑

FormData 对象的使用:

1.用一些键值对来模拟一系列表单控件:即把form中所有表单元素的name与value组装成一个queryString

2.异步上传二进制文件。

1.FormData对象的操作方法,全部在原型中,自己本身没任何的属性及方法。

1.FormData对象的操作方法,全部在原型中,自己本身没任何的属性及方法。

[JavaScript] 纯文本查看 复制代码
let formData =newFormData()

formData.append('user','zhang')

获取 formData.get('user')//zhang

删除 formData.append('user').....

2.使用FormData对象发送文件

// 文件元素

[JavaScript] 纯文本查看 复制代码
var file = document.querySelector('[type=file]');

    // 通过FormData将文件转成二进制数据

    var formData = new FormData();

    // 将文件转二进制

    formData.append('upload', file.files[0]);
    $.ajax({

    url: 'file.php',

    type: 'POST',

    data: formdata, // 上传formdata封装的数据

    dataType: 'JSON',

    cache: false,        // 不缓存

    processData: false, // jQuery不要去处理发送的数据

    contentType: false,   // jQuery不要去设置Content-Type请求头
    success:function (data) {    //成功回调

        console.log(data);

    }
});

---------------------
作者:_dalianmiao
来源:CSDN
原文:https://blog.csdn.net/hani_wen/article/details/80862569


2 个回复

倒序浏览
回复 使用道具 举报
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马