From 19806f04c153d2ce10b0a6d6a0069dec1b11b7a0 Mon Sep 17 00:00:00 2001
From: lan-air <vast@tom.com>
Date: Fri, 9 Dec 2022 19:06:47 +0800
Subject: [PATCH] Init

---
 .gitignore            | 156 +++++++++++++++++++++++++
 Dockerfile            |  13 +++
 database.db           | Bin 0 -> 20480 bytes
 database.py           |  23 ++++
 main.py               | 124 ++++++++++++++++++++
 readme.md             |  34 ++++++
 requirements.txt      |  19 ++++
 templates/index.html  | 257 ++++++++++++++++++++++++++++++++++++++++++
 templates/upload.html | 121 ++++++++++++++++++++
 9 files changed, 747 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 Dockerfile
 create mode 100644 database.db
 create mode 100644 database.py
 create mode 100644 main.py
 create mode 100644 readme.md
 create mode 100644 requirements.txt
 create mode 100644 templates/index.html
 create mode 100644 templates/upload.html

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..782c686
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,156 @@
+media/
+logs/
+.idea
+static/
+__pycache__/
+*.py[cod]
+*$py.class
+# Created by .ignore support plugin (hsz.mobi)
+### Python template
+# Byte-compiled / optimized / DLL files
+
+# C extensions
+*.so
+*.env
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test.pdf / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+#   For a library or package, you might want to ignore these files since the code is
+#   intended to run in multiple environments; otherwise, check them in:
+# .python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# Project
+.vscode
+.DS_Store
+for_test.py
+.html
+/evaluate/temp.py
+/evaluation/back.json
+.env*
+.backup/
+/cloc-1.64.exe
+*.db
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..11a06e3
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,13 @@
+FROM python:3.9.5
+LABEL author="Lan"
+LABEL email="vast@tom.com"
+LABEL version="1.0"
+
+
+COPY . /app
+RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime
+RUN echo 'Asia/Shanghai' >/etc/timezone
+WORKDIR /app
+RUN pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple/
+EXPOSE 123456
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "12345"]
\ No newline at end of file
diff --git a/database.db b/database.db
new file mode 100644
index 0000000000000000000000000000000000000000..5911bdce376deed3410c5ec4646f02d066985685
GIT binary patch
literal 20480
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

literal 0
HcmV?d00001

diff --git a/database.py b/database.py
new file mode 100644
index 0000000..cf6a6c5
--- /dev/null
+++ b/database.py
@@ -0,0 +1,23 @@
+import datetime
+
+from sqlalchemy import create_engine, DateTime
+from sqlalchemy.orm import sessionmaker
+from sqlalchemy.ext.declarative import declarative_base
+from sqlalchemy import Boolean, Column, Integer, String
+
+engine = create_engine('sqlite:///database.db', connect_args={"check_same_thread": False})
+Base = declarative_base()
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+
+
+class Codes(Base):
+    __tablename__ = 'codes'
+    id = Column(Integer, primary_key=True, index=True)
+    code = Column(String(10), unique=True, index=True)
+    key = Column(String(30), unique=True, index=True)
+    name = Column(String(500))
+    size = Column(Integer)
+    type = Column(String(20))
+    text = Column(String(500))
+    used = Column(Boolean, default=False)
+    use_time = Column(DateTime, default=datetime.datetime.now, onupdate=datetime.datetime.now)
diff --git a/main.py b/main.py
new file mode 100644
index 0000000..94f98ca
--- /dev/null
+++ b/main.py
@@ -0,0 +1,124 @@
+import datetime
+import os
+import uuid
+
+from fastapi import FastAPI, Depends, UploadFile, Form, File
+from sqlalchemy.orm import Session
+from starlette.requests import Request
+from starlette.responses import HTMLResponse
+import random
+
+from starlette.staticfiles import StaticFiles
+
+import database
+from database import engine, SessionLocal, Base
+
+Base.metadata.create_all(bind=engine)
+app = FastAPI()
+if not os.path.exists('./static'):
+    os.makedirs('./static')
+app.mount("/static", StaticFiles(directory="static"), name="static")
+# 过期时间
+exp_hour = 24
+# 允许错误次数
+error_count = 5
+# 禁止分钟数
+error_minute = 60
+
+error_ip_count = {}
+
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()
+
+
+def get_code(db: Session = Depends(get_db)):
+    code = random.randint(10000, 99999)
+    while db.query(database.Codes).filter(database.Codes.code == code).first():
+        code = random.randint(10000, 99999)
+    return str(code)
+
+
+def get_file_name(key, ext, file):
+    now = datetime.datetime.now()
+    path = f'./static/upload/{now.year}/{now.month}/{now.day}/'
+    name = f'{key}.{ext}'
+    if not os.path.exists(path):
+        os.makedirs(path)
+    file = file.file.read()
+    with open(f'{os.path.join(path, name)}', 'wb') as f:
+        f.write(file)
+    return key, len(file), path[1:] + name
+
+
+@app.get('/')
+async def index():
+    with open('templates/index.html', 'r') as f:
+        return HTMLResponse(f.read())
+
+
+@app.post('/')
+async def index(request: Request, code: str, db: Session = Depends(get_db)):
+    info = db.query(database.Codes).filter(database.Codes.code == code).first()
+    error = error_ip_count.get(request.client.host, {'count': 0, 'time': datetime.datetime.now()})
+    if error['count'] > error_count:
+        if datetime.datetime.now() - error['time'] < datetime.timedelta(minutes=error_minute):
+            return {'code': 404, 'msg': '请求过于频繁，请稍后再试'}
+        else:
+            error['count'] = 0
+    else:
+        if not info:
+            error['count'] += 1
+            error_ip_count[request.client.host] = error
+            return {'code': 404, 'msg': f'取件码错误，错误5次将被禁止10分钟'}
+        else:
+            return {'code': 200, 'msg': '取件成功，请点击库查看', 'data': info}
+
+
+@app.get('/share')
+async def share():
+    with open('templates/upload.html', 'r') as f:
+        return HTMLResponse(f.read())
+
+
+@app.post('/share')
+async def share(text: str = Form(default=None), file: UploadFile = File(default=None), db: Session = Depends(get_db)):
+    cutoff_time = datetime.datetime.now() - datetime.timedelta(hours=exp_hour)
+    db.query(database.Codes).filter(database.Codes.use_time < cutoff_time).delete()
+    db.commit()
+    code = get_code(db)
+    if text:
+        info = database.Codes(
+            code=code,
+            text=text,
+            type='text/plain',
+            key=uuid.uuid4().hex,
+            size=len(text),
+            used=True,
+            name='分享文本'
+        )
+        db.add(info)
+        db.commit()
+        return {'code': 200, 'msg': '上传成功，请点击文件库查看',
+                'data': {'code': code, 'name': '分享文本', 'text': text}}
+    elif file:
+        key, size, full_path = get_file_name(uuid.uuid4().hex, file.filename.split('.')[-1], file)
+        info = database.Codes(
+            code=code,
+            text=full_path,
+            type=file.content_type,
+            key=key,
+            size=size,
+            used=True,
+            name=file.filename
+        )
+        db.add(info)
+        db.commit()
+        return {'code': 200, 'msg': '上传成功，请点击文件库查看',
+                'data': {'code': code, 'name': file.filename, 'text': full_path}}
+    else:
+        return {'code': 422, 'msg': '参数错误', 'data': []}
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..3ae1a7e
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,34 @@
+# 口令传送箱
+
+## 主要特色
+
+- [x] 拖拽，复制粘贴上传
+- [x] 文件口令传输
+- [x] 分享文件：多种上传方式供你选择
+- [x] 分享文本：直接复制粘贴直接上传
+- [x] 防爆破：错误五次拉黑十分钟
+- [x] 完全匿名：不记录任何信息
+- [x] 无需注册：无需注册，无需登录
+- [x] Sqlite3数据库：无需安装数据库
+
+## 部署方式
+
+### 服务端部署
+
+1. 安装Python3
+2. 拉取代码，解压缩
+3. 安装依赖包：`pip install -r requirements.txt`
+4. 运行` uvicorn main:app --host 0.0.0.0 --port 12345`
+5. 然后你自己看怎么进程守护吧
+
+### 宝塔部署
+
+1. 安装宝塔Python Manager
+2. 然后你自己看着填吧
+
+### Docker部署
+
+```bash
+docker build --file Dockerfile --tag filecodebox .
+docker run -d -p 12345:12345 --name filecodebox filecodebox
+```
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..e5e6704
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,19 @@
+anyio==3.6.2
+click==8.1.3
+fastapi==0.88.0
+h11==0.14.0
+httptools==0.5.0
+idna==3.4
+pydantic==1.10.2
+python-dotenv==0.21.0
+python-multipart==0.0.5
+PyYAML==6.0
+six==1.16.0
+sniffio==1.3.0
+SQLAlchemy==1.4.44
+starlette==0.22.0
+typing_extensions==4.4.0
+uvicorn==0.20.0
+uvloop==0.17.0
+watchfiles==0.18.1
+websockets==10.4
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..d2af90c
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,257 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <!-- 引入组件库 -->
+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <title>取件箱-口令传送箱</title>
+    <style>
+        .qu .el-button {
+            width: 100px;
+            height: 100px;
+            margin: 0.2rem;
+            font-size: 30px;
+            font-weight: bold;
+        }
+
+        .qu .el-input__inner {
+            height: 100px;
+            margin: 1rem 0;
+            font-size: 30px;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+<div id="app" style="text-align: center;">
+    <el-row v-if="tool==0" class="qu" style="width:400px;margin: auto">
+        <el-card style="padding-bottom: 1rem">
+            <el-col :span="24">
+                <el-input autofocus @input="inputing" clearable v-model:value="code" maxlength="5"
+                          :disabled="inout_disable"
+                          placeholder="请输入取件码"></el-input>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('1')">1</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('2')">2</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('3')">3</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('4')">4</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('5')">5</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('6')">6</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('7')">7</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('8')">8</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('9')">9</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="tool=1">寄</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="inputNumber('0')">0</el-button>
+            </el-col>
+            <el-col :span=8>
+                <el-button @click="quDrawer=true">取</el-button>
+            </el-col>
+        </el-card>
+    </el-row>
+    <el-row v-else style="width:400px;margin: auto">
+        <el-col :span="24" style="margin: 1rem 0">
+            <el-card>
+                <el-upload
+                        drag
+                        action="/share"
+                        multiple
+                        :on-success="successUpload"
+                >
+                    <i class="el-icon-upload"></i>
+                    <div class="el-upload__text">将文件拖、粘贴到此处，或<em>点击上传</em>，24h后删除</div>
+                    <div class="el-upload__tip" slot="tip">
+                        <el-button @click="tool=0">去取件</el-button>
+                        <el-button @click="cunDrawer=true">文件箱</el-button>
+                    </div>
+                </el-upload>
+            </el-card>
+        </el-col>
+    </el-row>
+    <div style="text-align: center; margin-top: 1rem;color: #606266">
+        <span> By: <a style="text-decoration: none;color: #606266" target="_blank"
+                      href="https://github.com/vastsa/FileShare">Lan</a></span>
+    </div>
+    <el-drawer
+            title="文件库"
+            :visible.sync="quDrawer"
+            :direction="direction"
+            size="50%"
+    >
+        <el-card v-for="(file,index) in files" :key="index" class="box-card">
+            <div style="cursor: pointer;text-align: left">
+                <div>取件码：${ file.code }</div>
+                <div>文件名：${ file.name }</div>
+                <div v-if="file.name==='分享文本'">
+                    <span>内&nbsp;&nbsp; 容：${ file.text }</span>
+                </div>
+                <div v-else>
+                    <span>链&nbsp;&nbsp; 接：</span>
+                    <a :href="file.text" target="_blank"
+                       style="color: #1E9FFF;text-underline: none"
+                       type="primary">点击下载</a>
+                </div>
+            </div>
+        </el-card>
+        <el-empty v-if="files.length===0" description="请输入取件码，收取文件"></el-empty>
+    </el-drawer>
+    <el-drawer
+            title="文件库"
+            :visible.sync="cunDrawer"
+            direction="btt"
+            size="50%">
+        <el-card>
+            <el-empty v-if="files.length===0" description="请上传文件"></el-empty>
+            <el-card style="margin-top: 0.2rem" v-for="file in files" :key="file.code">
+                <el-row>
+                    <el-col :span="24" style="line-height: 45px">
+                        ${ file.name }
+                    </el-col>
+                    <el-col :span="24">
+                        取件码：<h1 style="margin: 0;display: inline">${ file.code }</h1>
+                    </el-col>
+                </el-row>
+            </el-card>
+        </el-card>
+    </el-drawer>
+</div>
+
+</body>
+<!-- import Vue before Element -->
+<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
+<!-- import JavaScript -->
+<script src="https://unpkg.com/element-ui/lib/index.js"></script>
+<script src="//unpkg.com/axios/dist/axios.min.js"></script>
+<script>
+    new Vue({
+        el: '#app',
+        delimiters: ['${', '}'],
+        data: function () {
+            return {
+                code: '',
+                inout_disable: false,
+                files: [],
+                quDrawer: false,
+                cunDrawer: false,
+                direction: 'btt',
+                tool: 0
+            };
+        },
+        mounted: function () {
+            this.code = window.location.search.substring('code=='.length)
+            if (this.code) {
+                this.get_file();
+            }
+
+            const that = this
+            document.addEventListener('paste', function (event) {
+                if (that.tool === 1) {
+                    const items = event.clipboardData && event.clipboardData.items;
+                    if (items && items.length) {
+                        for (let i = 0; i < items.length; i++) {
+                            if (items[i].kind === 'string') {
+                                if (items[i].type.match(/^text\/plain/)) {
+                                    const FileData = new FormData();
+                                    that.$message('剪切板文字正在上传，请稍等');
+                                    items[i].getAsString(function (str) {
+                                        FileData.append('text', str);
+                                        axios.post('/share', FileData)
+                                            .then(function (response) {
+                                                that.$message({'message': response.data.msg, 'type': 'success'});
+                                                that.files.push(response.data.data)
+                                            })
+                                            .catch(function (error) {
+                                                that.$message({'message': error.data.msg, 'type': 'error'});
+                                            });
+                                    });
+                                }
+                            } else {
+                                const file = items[i].getAsFile();
+                                that.$message('剪切板文件正在上传，请稍等');
+                                const FileData = new FormData();
+                                FileData.append('file', file || '');
+                                axios.post('/share', FileData).then(async res => {
+                                    that.files.push(res.data.data);
+                                    that.$message({'message': res.data.msg, 'type': 'success'});
+                                })
+                            }
+
+                        }
+                    }
+                }
+            });
+        },
+        methods: {
+            inputing: function (value) {
+                if (value.length === 5) {
+                    this.inout_disable = true;
+                    this.get_file();
+                }
+            },
+            get_file: function () {
+                const that = this;
+                axios.post('?code=' + this.code).then(function (response) {
+                    if (response.data.code === 404) {
+                        that.$message({
+                            message: response.data.msg,
+                            type: 'error'
+                        });
+                    } else {
+                        that.files.push(response.data.data);
+                        that.$message({
+                            message: response.data.msg,
+                            type: 'success'
+                        });
+                    }
+                    that.code = '';
+                    that.inout_disable = false
+                }).catch(function (error) {
+                    console.log(error);
+                });
+            },
+            inputNumber: function (number) {
+                if (number === 'C') {
+                    this.code = '';
+                } else if (number === 'X') {
+                    this.code = this.code.substring(0, this.code.length - 1);
+                } else {
+                    if (this.code.length < 5) {
+                        this.code += number;
+                    }
+                }
+                if (this.code.length === 5) {
+                    this.inout_disable = true
+                    this.get_file()
+                }
+            },
+            successUpload(response, file, fileList) {
+                this.files.push(response.data[0])
+            },
+        }
+    })
+</script>
+</html>
\ No newline at end of file
diff --git a/templates/upload.html b/templates/upload.html
new file mode 100644
index 0000000..90cad7e
--- /dev/null
+++ b/templates/upload.html
@@ -0,0 +1,121 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <!-- 引入组件库 -->
+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <title>寄件箱-口令传送箱</title>
+    <style>
+        .el-upload-dragger {
+        }
+    </style>
+</head>
+<body>
+<div id="app" style="text-align: center;height: 100vh">
+    <el-row style="width:400px;margin: auto">
+        <el-col :span="24" style="margin: 1rem 0">
+            <el-card>
+                <el-upload
+                        drag
+                        action=""
+                        multiple
+                        :on-success="successUpload"
+                >
+                    <i class="el-icon-upload"></i>
+                    <div class="el-upload__text">将文件拖、粘贴到此处，或<em>点击上传</em>，24h后删除</div>
+                    <div class="el-upload__tip" slot="tip">
+                        <a href="/">
+                            <el-button>去取件</el-button>
+                        </a>
+                        <el-button @click="drawer=true">文件箱</el-button>
+
+                    </div>
+                </el-upload>
+            </el-card>
+        </el-col>
+    </el-row>
+    <el-drawer
+            title="文件库"
+            :visible.sync="drawer"
+            direction="btt"
+            size="50%">
+        <el-card>
+            <el-empty v-if="files.length===0" description="请上传文件"></el-empty>
+            <el-card style="margin-top: 0.2rem" v-for="file in files" :key="file.code">
+                <el-row>
+                    <el-col :span="24" style="line-height: 45px">
+                        ${ file.name }
+                    </el-col>
+                    <el-col :span="24">
+                        取件码：<h1 style="margin: 0;display: inline">${ file.code }</h1>
+                    </el-col>
+                </el-row>
+            </el-card>
+        </el-card>
+    </el-drawer>
+</div>
+</body>
+<!-- import Vue before Element -->
+<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
+<!-- import JavaScript -->
+<script src="https://unpkg.com/element-ui/lib/index.js"></script>
+<script src="//unpkg.com/axios/dist/axios.min.js"></script>
+<script>
+    new Vue({
+        el: '#app',
+        delimiters: ['${', '}'],
+        data: function () {
+            return {
+                files: [],
+                drawer: false
+            };
+        },
+        mounted: function () {
+            const that = this
+            document.addEventListener('paste', function () {
+                const items = event.clipboardData && event.clipboardData.items;
+                if (items && items.length) {
+                    for (let i = 0; i < items.length; i++) {
+                        if (items[i].kind === 'string') {
+                            if (items[i].type.match(/^text\/plain/)) {
+                                const FileData = new FormData();
+                                that.$message('剪切板文字正在上传，请稍等');
+                                items[i].getAsString(function (str) {
+                                    FileData.append('text', str);
+                                    axios.post('', FileData)
+                                        .then(function (response) {
+                                            that.$message({'message': response.data.msg, 'type': 'success'});
+                                            that.files.push(response.data.data)
+                                        })
+                                        .catch(function (error) {
+                                            that.$message({'message': error.data.msg, 'type': 'error'});
+                                        });
+                                });
+                            }
+                        } else {
+                            const file = items[i].getAsFile();
+                            that.$message('剪切板文件正在上传，请稍等');
+                            const FileData = new FormData();
+                            FileData.append('file', file || '');
+                            axios.post('', FileData).then(async res => {
+                                that.files.push(res.data.data);
+                                that.$message({'message': res.data.msg, 'type': 'success'});
+                            })
+                        }
+
+                    }
+                }
+            });
+        },
+        methods: {
+            successUpload(response, file, fileList) {
+                this.files.push(response.data[0])
+            },
+        }
+    })
+</script>
+</html>
\ No newline at end of file