先在后端创建文件上传的实体类uploadfile.java,包括文件名,上传日期,文件路径,上传人编号,然后创建uploadfileController,在其中写一个文件上传的api,然后在vue项目中的api文件夹下写一个uploadfile.js,用axios的request的方式调用后端的文件上传的api,名为upload_f,然后在vue项目的views文件夹下写一个uploadfile.vue,在uploadfile.vue里调用uploadfile.js中的upload_f实现文件上传
时间: 2023-05-31 13:06:05 浏览: 129
使用vux、vue实现文件分块上传,移动端代码(cordova),后端的都是post上去的,只要用实体接收就可以了,就不传了,有需要的@我
的功能。具体步骤如下:
1. 创建后端实体类uploadfile.java,包括文件名,上传日期,文件路径,上传人编号等属性。
2. 创建uploadfileController,在其中写一个文件上传的api,使用SpringMVC的@RequestParam注解获取前端传递的文件,并将文件保存到指定目录下,最后将文件信息保存到数据库中。
3. 在vue项目中的api文件夹下创建uploadfile.js,使用axios的request的方式调用后端上传文件的api,名为upload_f,将文件数据传递给后端。
4. 在vue项目的views文件夹下创建uploadfile.vue,编写文件上传的页面,包括文件选择、上传按钮等元素,调用uploadfile.js中的upload_f实现文件上传的功能。
5. 在上传成功后,可以通过调用后端提供的下载文件的api将文件下载下来,也可以在前端通过a标签直接实现文件下载的功能。
阅读全文