AJAX文件上传

作者: 刘满 分类: JavaScript 发布时间: 2018-12-02 19:06
var fileObj = document.getElementById('file').files[0];
    // js 获取文件对象
    var FileController = url;
    // 接收上传文件的后台地址

    // FormData 对象
    var form = new FormData();
    form.append("author", "test");
    // 可以增加表单数据
    form.append("file", fileObj);
    // 文件对象

    // XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();
    xhr.open("post", FileController, true);
    xhr.responseType = 'text';
    xhr.onload = function() {
        if (this.status == 200) {
            console.log(this.response);
            var result = JSON.parse(this.response);
            if (result.status) {
                $('#progressBar').hide();
                $('#percentage').hide();
                alert('DXF文件上传完成,系统即将重新加载!');
                sys.init();
            } else {
                console.log('error:' + result.message)
            }
        }
    };
    xhr.upload.addEventListener("progress", progressFunction, false);
    xhr.send(form);

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据