# fileupload

**Repository Path**: wh1107066/fileupload

## Basic Information

- **Project Name**: fileupload
- **Description**: 文件上传系统
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-09-29
- **Last Updated**: 2024-05-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 文件上传项目

#### 介绍
文件上传系统

#### 软件架构
软件架构说明


开源中国源码地址： https://gitee.com/wh1107066/fileupload

采用前后端分离的方式进行开发，实现了几种常用的文件上传功能。 前端采用 vue.js + plupload + element-ui 实现了文件在浏览器端的发送, 后端采用 spring boot + spring + spring mvc + mybatis 实现了文件在服务器端的接收和存储



本地目录: 

D:\VRV\vap\upload\fileupload



## 后端启动api-uploader

 1.修改文件存放目录

 2.创建数据库及执行脚本文件

```sql
CREATE DATABASE `slave`  DEFAULT CHARACTER SET utf8 ;

DROP TABLE IF EXISTS FILE;

CREATE TABLE `file` (
  `id` BIGINT(20) NOT NULL AUTO_INCREMENT,
  `name` VARCHAR(100) NOT NULL COMMENT '文件名',
  `md5` VARCHAR(32) DEFAULT NULL COMMENT 'MD5值',
  `path` VARCHAR(100) NOT NULL COMMENT '文件路径',
  `upload_time` DATETIME(3) NOT NULL COMMENT '上传时间',
  `ext` VARCHAR(255) DEFAULT NULL COMMENT '文件后缀名',
  PRIMARY KEY (`id`)
) ENGINE=INNODB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8mb4;


SELECT * FROM `file`;
```



 2.启动后端程序

![image-20210929114947016](upload.assets/image-20210929114947016.png)



## 前端启动 app-uploader

npm  install

npm run dev

> 需要安装loadjs、cnpm国内镜像、glup

## 访问地址

http://localhost:18081/#/