使用FormData单独上传文件

最新推荐文章于 2025-01-25 10:18:11 发布

原创最新推荐文章于 2025-01-25 10:18:11 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xmlhttprequest #FormData #上传文件

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用XMLHttpRequest进行POST请求的方法，并通过FormData对象来发送文件。具体步骤包括创建XMLHttpRequest实例、设置请求方式及URL、处理请求状态变化、准备FormData并附加文件，最后发送请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考自mdn

var uri = "uri";
var xhr = new XMLHttpRequest();
var fd = new FormData();
xhr.open("POST", uri, true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // 处理响应
        alert(xhr.responseText);
    }
};
fd.append('textfile', $("#input-file-id")[0].files[0]);
// 初始化multipart/form-data格式的上传
xhr.send(fd);