请写出学生上传作业附件的代码
时间: 2024-03-13 19:46:03 浏览: 108
附件上传代码
5星 · 资源好评率100%
好的,以下是一个简单的学生上传作业附件的示例代码:
```
<template>
<div>
<input type="file" ref="fileInput" @change="handleFileChange" />
<button @click="submitHomework">提交作业</button>
</div>
</template>
<script>
export default {
data() {
return {
file: null, // 保存学生选择的文件
};
},
methods: {
handleFileChange(event) {
this.file = event.target.files[0]; // 保存学生选择的文件
},
submitHomework() {
const formData = new FormData();
formData.append('file', this.file);
// 使用axios等网络请求库向后端发送请求,上传文件
axios.post('/api/homework/upload', formData).then(response => {
// 处理上传成功的情况
}).catch(error => {
// 处理上传失败的情况
});
},
},
};
</script>
```
在上述代码中,我们使用了HTML5的`<input type="file">`标签来让学生选择上传的文件。当学生选择了文件后,我们将其保存到Vue组件的`file`属性中。当学生点击提交作业按钮时,我们将文件打包成FormData格式,并使用axios等网络请求库向后端发送POST请求,上传文件。后端接口需要接收这个POST请求,并将文件存入数据库。
阅读全文