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