Js 异步文件上传

最新推荐文章于 2021-08-05 16:59:05 发布

milloc

最新推荐文章于 2021-08-05 16:59:05 发布

阅读量904

点赞数

CC 4.0 BY-SA版权

分类专栏： web.js 文章标签： js formdata

本文链接：https://blog.youkuaiyun.com/ax1232/article/details/79083011

web.js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了HTML5中的FormData对象，它能够方便地组装并发送键/值对数据，特别适合用于异步数据传输。文章还提供了一个具体的示例代码，展示了如何使用FormData对象来处理文件上传。

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

FormData对象

FormData对象是HTML5新添加的一个对象，可用于异步数据传送。
通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相同。
FormData使用参考

code

<script>
    document.getElementById('#').onChange = function() {
        var fm = new FormData();
        // 假设传一个文件
        fm.append('fileName', this.files[0]);
        // ajax
        var req = null;
        if (window.XMLHttpRequset) {
            req = new XMLHttpRequest();
        } else {
            req = new ActiveXObject('Microsoft.XMLHTTP');
        }
        req.open('method', 'url', true);
        req.send(fm);
        req.onreadystatechange = function() {
            if (req.readyState == 4 && req.status == 200) {
                // do something
            }
        }
    }
</script>