From bb036407bcc0f26a9a0f246aca100d87db2f6e76 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期四, 20 十月 2022 14:54:30 +0800
Subject: [PATCH] 优化
---
src/components/myUpload/index.vue | 50 +++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 43 insertions(+), 7 deletions(-)
diff --git a/src/components/myUpload/index.vue b/src/components/myUpload/index.vue
index d51b510..6bcc4ff 100644
--- a/src/components/myUpload/index.vue
+++ b/src/components/myUpload/index.vue
@@ -1,8 +1,19 @@
<template>
<div class="my-upload">
- <el-upload :file-list="fileList" class="upload-demo" action="/sccg/file/medias" :multiple="multiple"
- :show-file-list="flag" :before-upload="beforeUpload" :limit="limit" :on-success="handleSuccess"
- :on-error="handleError" :list-type="listType" :headers="getToken()">
+ <el-upload
+ :file-list="fileList"
+ class="upload-demo"
+ action="/sccg/file/medias"
+ :multiple="multiple"
+ :show-file-list="flag"
+ :before-upload="beforeUpload"
+ :limit="limit"
+ :on-success="handleSuccess"
+ :on-error="handleError"
+ :list-type="listType"
+ :on-preview="handlePreview"
+ :on-remove="handleRemove"
+ :headers="getToken()">
<div class="upload-btn" :style="{'height':btnHeight,'width':btnWidth}">
<i class="el-icon-plus"></i>
<span>涓婁紶鍥剧墖</span>
@@ -11,7 +22,6 @@
</div>
</template>
<script>
-
export default {
data() {
return {
@@ -34,7 +44,6 @@
methods: {
// 涓婁紶涔嬪墠鍥炶皟
beforeUpload(rawFile) {
- console.log(rawFile);
if (rawFile.type !== 'image/png' && rawFile.type !== 'image/svg+xml' && rawFile.type !== 'image/jpg' && rawFile.type !== 'image/jpeg') {
this.$message.error('鍥剧墖蹇呴』鏄� jpg/svg/jpeg/png 鏍煎紡!')
return false
@@ -46,11 +55,26 @@
},
// 涓婁紶鎴愬姛鍥炶皟
handleSuccess(res, file, filelist) {
- console.log(res);
+ if(res.data.url1){
+ this.$emit('setPictureUrl',{url:res.data.url1});
+ }
+ else if(res.data.url2){
+ this.$emit('setPictureUrl',{url:res.data.url2});
+ }
+ else if(res.data.url3){
+ this.$emit('setPictureUrl',{url:res.data.url3});
+ }
+ else{
+ this.$emit('setPictureUrl',{url:res.data.url4});
+ }
},
// 涓婁紶澶辫触鍥炶皟
handleError(err, file, fileList) {
console.log(err);
+ this.$message({
+ type:'error',
+ message:err
+ })
},
// 鑾峰彇token
getToken() {
@@ -59,10 +83,22 @@
if (token && tokenHead) {
return { Authorization: tokenHead + token }
}
+ },
+ // 棰勮
+ handlePreview(file){
+ console.log(file)
+ },
+ // 绉婚櫎鏂囦欢
+ handleRemove(file, fileList){
+ console.log(file,fileList)
}
},
props: {
-
+ // 杩斿洖涓婁紶鎴愬姛鍥剧墖鍦板潃
+ setPictureUrl:{
+ type:Function,
+ default:()=>{}
+ }
}
}
</script>
--
Gitblit v1.8.0