ts+fetch实现选择文件上传

最新推荐文章于 2024-11-19 15:33:52 发布

陈小浩同学

最新推荐文章于 2024-11-19 15:33:52 发布

阅读量768

点赞数

分类专栏：前端文章标签： javascript 前端

本文链接：https://blog.csdn.net/xiaodouxuan11/article/details/124989280

版权

前端专栏收录该内容

15 篇文章

订阅专栏

上传类型：File: (binary)
请求头：content-type: multipart/form-data;

html部分

<input id="updateImg" type="file"/>

js代码部分

const updateImg = document.querySelector<HTMLInputElement>("#updateImg")!;
updateImg.addEventListener('change',(e:any)=>{
    const formData = new FormData();
    //参数
     formData.append('File',e.target.files[0]);
     fetch('https://api.com/UploadImgFile', {
     method: 'POST',
     body: formData
     })
     .then(response => response.json())
     .then(result => {
     console.log('Success:', result);
     })
     .catch(error => {
     console.error('Error:', error);
     });
})