【ajax】 html js jquery ajax上传文件【一眼就会】【实用】分布式

接后端：【实用】【一眼就会】【直接可用】文件上传 附件上传 前后端分离 分布式 多文件上传 批量上传 上传附件 文件接口api 附件接口 demo-CSDN博客

原文：https://www.cnblogs.com/liuguiqing/p/18387392

先看效果：

代码：

<form id="fileUpload" action="" method="post" enctype="multipart/form-data">
    <input type="file" name="file" id="file">
    <button type="submit">上传</button>
</form>

$('#fileUpload').on('submit', function (e) {
        e.preventDefault(); // 不自动提交

        var formData = new FormData(this);
        formData.append('xxx', xxx);//自定义参数。
        formData.append('xxx', xxx);
        formData.append('xxx', xxx);
        formData.append('xxx', xxx);
        formData.append('xxx', xxx);
        formData.append('xxx', xxx);

        $.ajax({
            url: 'https://www.liuguiqing.com:8080/fileupload', 
            type: 'POST',
            data: formData,
            contentType: false, // 不管类型
            processData: false, // 不管数据
            success: function (response) {
                console.log(response);
            },
            error: function (error) {
                console.error(error);
            }
        });
    });

标签: html js上传图片 , js , ajax上传文件 , ajax