|
@@ -1,6 +1,14 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
- <el-upload action="" class="upload-demo" drag :http-request="onProgress">
|
|
|
|
|
|
|
+ <el-upload
|
|
|
|
|
+ action=""
|
|
|
|
|
+ multiple
|
|
|
|
|
+ class="upload-demo"
|
|
|
|
|
+ drag
|
|
|
|
|
+ list-type="picture"
|
|
|
|
|
+ :http-request="onProgress"
|
|
|
|
|
+ :on-success="onSuccess"
|
|
|
|
|
+ >
|
|
|
<i class="el-icon-upload"></i>
|
|
<i class="el-icon-upload"></i>
|
|
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div>
|
|
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div>
|
|
@@ -11,8 +19,11 @@
|
|
|
<script>
|
|
<script>
|
|
|
export default {
|
|
export default {
|
|
|
methods: {
|
|
methods: {
|
|
|
- onProgress(event, file, fileList) {
|
|
|
|
|
- console.log(event);
|
|
|
|
|
|
|
+ onProgress(e) {
|
|
|
|
|
+ return true;
|
|
|
|
|
+ },
|
|
|
|
|
+ onSuccess(response, file, fileList) {
|
|
|
|
|
+ console.log(fileList);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|