首页帮我写一段js文件上传的代码

帮我写一段js文件上传的代码

时间: 2023-08-28 11:35:22 浏览: 91

好的，以下是一段基本的JavaScript文件上传的代码示例： ```html <!DOCTYPE html> <html> <head> <title>文件上传示例</title> </head> <body> <h1>文件上传示例</h1> <form> <label for="file">请选择要上传的文件：</label> <input type="file" id="file" name="file"> <button type="submit" id="upload-btn">上传</button> </form> <script> const uploadBtn = document.getElementById('upload-btn'); const fileInput = document.getElementById('file'); uploadBtn.addEventListener('click', (event) => { event.preventDefault(); // 阻止表单默认提交行为 const file = fileInput.files[0]; const formData = new FormData(); formData.append('file', file); // 发送文件上传请求 const xhr = new XMLHttpRequest(); xhr.open('POST', '/upload', true); xhr.onload = function() { if (xhr.status === 200) { console.log('文件上传成功'); } else { console.log('文件上传失败'); } }; xhr.send(formData); }); </script> </body> </html> ``` 这段代码创建了一个简单的表单，其中包含一个文件选择输入框和一个上传按钮。当用户点击上传按钮时，JavaScript代码会阻止表单默认提交行为，获取用户选择的文件，并将其封装到一个FormData对象中。然后，脚本使用XMLHttpRequest对象发送文件上传请求。在请求成功或失败时会分别输出相应的提示信息。请注意，你需要将代码中的`/upload`替换为实际文件上传的处理URL。

阅读全文