ajax实现文件上传

<div>
            <form name="padd" id="padd" enctype="multipart/form-data">
                <input type="file" name ="fileName" id = "htmlFileId" multiple/>
                <button type="button" id="htmlFile" οnclick="uploadFile()">预览文件</button>
            </form>
</div>

function uploadFile() {
    let fd = new FormData()
    fd.append('file1', $('#htmlFileId')[0].files[0])
    var configurl = "http://localhost:8080/iplat_vm_war_exploded/EU/DM/EUDM04.jsp?path=cameraExcel2&docTag=importCamera&ename=file1&fileLocation="
    $.ajax({
        type: "POST",
        //是否缓存
        cache: false,
        //当设置为false的时候,jquery 的ajax 提交的时候会序列化 data
        processData: false,
        // 表单中设置的contentType为"multipart/form-data"；
        // ajax 中 contentType 设置为 false ，是为了避免 JQuery对要提交
        // 的表单中的enctype值修改
        contentType: false,
        url: configurl,
        data : fd,
        success: function (data) {
            console.log("Success")
        },
        err: function (data) {
            console.log("Fail")
        }
    })
}