首页用js写一个文件上传处理页面而且里面要包含推出按钮

用js写一个文件上传处理页面而且里面要包含推出按钮

时间: 2023-04-06 22:03:12 浏览: 155

好的，这个问题我可以回答。你可以使用HTML和JavaScript来创建一个文件上传处理页面，并添加一个推出按钮。以下是一个简单的示例代码： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>文件上传处理页面</title> </head> <body> <h1>文件上传处理页面</h1> <form id="uploadForm" enctype="multipart/form-data"> <label for="fileInput">选择文件:</label> <input type="file" id="fileInput" name="fileInput"><br><br> <input type="button" value="上传" onclick="uploadFile()"> </form> <br> <input type="button" value="退出" onclick="logout()"> </body> </html> ``` JavaScript代码： ``` function uploadFile() { // 获取表单数据 var formData = new FormData(document.getElementById("uploadForm")); // 发送POST请求 var xhr = new XMLHttpRequest(); xhr.open("POST", "upload.php", true); xhr.onload = function() { if (xhr.status === 200) { alert("上传成功！"); } else { alert("上传失败！"); } }; xhr.send(formData); } function logout() { // 退出操作 alert("退出成功！"); } ``` 请注意，这只是一个简单的示例代码，您需要根据您的具体需求进行修改和完善。

阅读全文