formData实现文件上传「终于解决」

formData实现文件上传「终于解决」<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><metaname=”viewport”content=”width=device-width,initial-scale=1.0″><title>Document</title></head><body><inputtyp

大家好,欢迎来到IT知识分享网。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="file">
</body>
</html>

<script> // 获取上传文件的dom元素 let fileDom = document.querySelector('input[type="file"]') // 创建 表单对象 formData let formData = new FormData() fileDom.onchange = function () { 
     console.log(fileDom.files[0]); //获取上传的文件 formData.append('headimgurl', fileDom.files[0])//使用append方法添加需要发送的文件(信息),第一个参数是后台指定的字段名 fetch("http://chst.vip/students/uploadStuAvatar", { 
     method: 'post', //body是fetch上文件的属性 body: formData }) .then(body => body.json()) .then(res => { 
     console.log(res); }) } </script>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/24875.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信