XMLHttpRequest提交form表单数据，包括上传文件

_葱

已于 2022-05-15 12:03:34 修改

阅读量1.1w

点赞数 3

CC 4.0 BY-SA版权

文章标签： form XMLHttpRequest

于 2018-11-28 16:49:55 首次发布

本文链接：https://blog.youkuaiyun.com/qq_20567691/article/details/84586977

本文介绍了一个使用JavaScript实现的代码上传到GitHub的过程，包括文件选择、FormData构造、XMLHttpRequest发送POST请求及响应处理。通过示例代码，展示了如何将本地文件上传至指定服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

lizuncong (lizuncong) · GitHubI am a strong believer in reverse engineering. lizuncong has 43 repositories available. Follow their code on GitHub.https://github.com/lizuncong

<input id="uploadFile" name="file" type="file">
<script>
 const file = document.getElementById('uploadFile')
        let formData = new FormData()
        formData.append('file', file.files[0])
        const req = new XMLHttpRequest()
        req.onreadystatechange = function(){
          if (req.readyState === 4) {
            const response  = JSON.parse(req.responseText)
            if (response.code === '200') {
              console.log('success')
            } else {
              console.log('fail')
            }
          }
        }
        req.open('post', 'https://sxxx.com/uploadfile', true)
        req.send(formData)
</script>