axios&jquery -上传本地文件

1、axios

• 上传的是二进制文件
• 需要设置传输类型（form-data）
• 注意服务器接受的文件格式

// html
<input type='file'/>

//js
let fileObj = document.getElementById("file").files[0]
let formData = new FormData()
    formData.append('file', fileObj)
axios.post('/uploadfile', formData, {
    headers: {
        'Content-Type': 'multipart/form-data' 
    }
}).then(res => {
    let filePath = res.filepath;
    console.log('服务器返回的文件路径:', filePath)
}).catch(err => {
    alert(err)
});

2、ajax

let fileObj = document.getElementById("file").files[0]
let formData = new FormData();
    formData.append('file', fileObj);
$.ajax({
    url: '/uploadfile',
    dataType: 'json',
    type: 'post',
    data: formData,
    processData: false,
    contentType: false,
    success: (res) => {
        console.log('success:', res)
    },
    error: (res) =>  {
        console.err('error:', res)
    }
})

3、CDN

1. axios
2. jquery