当前位置: 首页 > Web前端 > HTML

使用FormData文件上传填坑

时间:2023-04-02 23:59:10 HTML

文件上传

<脚本>constbtn=document.getElementById('btn');constform=document.getElementById('form');btn.addEventListener('click',async()=>{//防止表单默认提交时间这一行代码不写的话,原表单还是会使用submit的默认提交事件,默认提交event使用get作为请求方式,将文件名拼接到url,后台虽然可以接收文件上传,但是无法正确返回数据,即event.preventDefault();constformData=newFormData(form);console.log(formData)constres=awaitaxios.post('http://localhost:3000/uploads',formData)console.log(res)})