Js 异步文件上传

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>