zhuce
/
lilishop-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改上传图片大小限制，最大1M

master
mabo 2021-08-06 15:35:07 +08:00
parent 00a64c4d2a
commit 5cfbfdf67c
11 changed files with 30 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
manager/src/api/index.js
View File

@ -16,16 +16,9 @@ let commonUrl = (process.env.NODE_ENV === 'development' ? config.api_dev.common
// 文件上传接口
export const uploadFile = commonUrl+ "/common/upload/file";
// 验证码渲染图片接口
export const drawCodeImage = commonUrl + "/common/captcha/draw/";
// 获取菜单
export const getMenuList = managerUrl + "/permission/getMenuList";
// Websocket
export const ws = managerUrl + "/ws";
export const getMessageSendData = "";
//获取所有city
export const getAllCity = (params) => {
return getRequest(commonUrl + '/common/region/allCity', params)

8
manager/src/views/my-components/lili/upload-pic-input.vue
View File

@ -27,7 +27,7 @@
:on-error="handleError"
:format="['jpg','jpeg','png','gif','bmp']"
accept=".jpg, .jpeg, .png, .gif, .bmp"
:max-size="maxSize*1024"
:max-size="1024"
:on-format-error="handleFormatError"
:on-exceeded-size="handleMaxSize"
:before-upload="beforeUpload"
@ -74,10 +74,6 @@ export default {
type: Boolean,
default: false
},
maxSize: {
type: Number,
default: 5
},
maxlength: Number,
icon: {
type: String,
@ -116,7 +112,7 @@ export default {
this.loading = false;
this.$Notice.warning({
title: "文件大小过大",
desc: "所选文件‘ " + file.name + " ’大小过大, 不得超过 " + this.maxSize + "M."
desc: "所选文件大小过大, 不得超过1M."
});
},
// 上传前

12
manager/src/views/my-components/lili/upload-pic-thumb.vue
View File

@ -29,7 +29,7 @@
:on-success="handleSuccess"
:on-error="handleError"
:format="['jpg','jpeg','png','gif']"
:max-size="maxSize*1024"
:max-size="1024"
:on-format-error="handleFormatError"
:on-exceeded-size="handleMaxSize"
:before-upload="handleBeforeUpload"
@ -72,10 +72,6 @@ export default {
type: Boolean,
default: true
},
maxSize: {
type: Number,
default: 5
},
limit: {
type: Number,
default: 10
@ -147,11 +143,7 @@ export default {
this.$Notice.warning({
title: "文件大小过大",
desc:
"所选文件‘ " +
file.name +
" ’大小过大, 不得超过 " +
this.maxSize +
"M."
"所选文件大小过大，不能超过1M."
});
},
// 上传之前钩子

13
manager/src/views/promotion/live/liveDetail.vue
View File

@ -58,12 +58,12 @@
</template>
</div>
<Upload v-if="liveForm.coverImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleCoverImgSuccess" :default-file-list="defaultImgList" :format="['jpg','jpeg','png']"
:on-format-error="handleFormatError" :max-size="2048" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
:on-format-error="handleFormatError" :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon>
</div>
</Upload>
<div class="tips"> 直播间背景图，图片规则：建议像素1080*1920，大小不超过2M</div>
<div class="tips"> 直播间背景图，图片规则：建议像素1080*1920，大小不超过1M</div>
</FormItem>
<!-- 直播间背景墙 -->
@ -79,7 +79,7 @@
</template>
</div>
<Upload v-if="liveForm.shareImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleShareImgSuccess" :default-file-list="defaultImgList" :format="['jpg','jpeg','png']"
:on-format-error="handleFormatError" :max-size="2048" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
:on-format-error="handleFormatError" :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon>
</div>
@ -191,6 +191,13 @@ export default {
this.imageVisible = true;
this.imageSrc = src;
},
// 上传文件超过大小限制
handleMaxSize(file) {
this.$Notice.warning({
title: "文件大小过大",
desc: "所选文件大小过大, 不得超过 1M.",
});
},
/**
* 获取直播间详情
*/

4
manager/src/views/sys/oss-manage/ossManage.vue
View File

@ -187,7 +187,7 @@
:headers="accessToken"
:on-success="handleSuccess"
:on-error="handleError"
:max-size="5120"
:max-size="1024"
:on-exceeded-size="handleMaxSize"
multiple
type="drag"
@ -694,7 +694,7 @@ export default {
handleMaxSize(file) {
this.$Notice.warning({
title: "文件大小过大",
desc: "所选文件‘ " + file.name + " ’大小过大, 不得超过 5M.",
desc: "所选文件大小过大, 不得超过 1M.",
});
},
// 上传成功回调

4
seller/src/views/change-password/change-password.vue
View File

@ -1,9 +1,7 @@
<template>
<div>
<Card class="change-pass">
<p slot="title">
<Icon type="key"></Icon>修改密码
</p>
<p slot="title"><Icon type="key"></Icon>修改密码</p>
<div>
<Form
ref="editPasswordForm"

6
seller/src/views/goods/goods-seller/goodsOperationSec.vue
View File

@ -78,7 +78,7 @@
</vuedraggable>
<Upload ref="upload" :show-upload-list="false"
:on-success="handleSuccessGoodsPicture" :format="['jpg', 'jpeg', 'png']"
:on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize"
:on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize" :max-size="1024"
:before-upload="handleBeforeUploadGoodsPicture" multiple type="drag" :action="uploadFileUrl"
:headers="accessToken" style="margin-left:10px">
<div style="width: 148px; height: 148px; line-height: 148px">
@ -183,7 +183,7 @@
</vuedraggable>
<Upload ref="uploadSku" :show-upload-list="false"
:on-success="handleSuccess" :format="['jpg', 'jpeg', 'png']"
:on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize"
:on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize" :max-size="1024"
:before-upload="handleBeforeUpload" multiple type="drag" :action="uploadFileUrl"
:headers="accessToken" style="display: inline-block; width: 58px">
<div>
@ -609,7 +609,7 @@ export default {
handleMaxSize(file) {
this.$Notice.warning({
title: "超过文件大小限制",
desc: "图片 " + file.name + " 不能超过2mb"
desc: "图片大小不能超过1MB"
});
},
// 图片上传前钩子

8
seller/src/views/my-components/lili/upload-pic-input.vue
View File

@ -27,7 +27,7 @@
:on-error="handleError"
:format="['jpg','jpeg','png','gif','bmp']"
accept=".jpg, .jpeg, .png, .gif, .bmp"
:max-size="maxSize*1024"
:max-size="1024"
:on-format-error="handleFormatError"
:on-exceeded-size="handleMaxSize"
:before-upload="beforeUpload"
@ -71,10 +71,6 @@ export default {
type: Boolean,
default: false
},
maxSize: { // 图片最大尺寸
type: Number,
default: 5
},
maxlength: Number, // 最大长度
icon: { // 上传按钮图标
type: String,
@ -113,7 +109,7 @@ export default {
this.loading = false;
this.$Notice.warning({
title: "文件大小过大",
desc: "所选文件‘ " + file.name + " ’大小过大, 不得超过 " + this.maxSize + "M."
desc: "所选文件大小过大, 不得超过1M."
});
},
// 上传前

12
seller/src/views/my-components/lili/upload-pic-thumb.vue
View File

@ -30,7 +30,7 @@
:on-success="handleSuccess"
:on-error="handleError"
:format="['jpg','jpeg','png','gif']"
:max-size="maxSize*1024"
:max-size="1024"
:on-format-error="handleFormatError"
:on-exceeded-size="handleMaxSize"
:before-upload="handleBeforeUpload"
@ -74,10 +74,6 @@ export default {
type: Boolean,
default: true
},
maxSize: { // 大小限制 MB
type: Number,
default: 5
},
disable:{ // 禁止上传
type: Boolean,
default: false
@ -154,11 +150,7 @@ export default {
this.$Notice.warning({
title: "文件大小过大",
desc:
"所选文件‘ " +
file.name +
" ’大小过大, 不得超过 " +
this.maxSize +
"M."
"所选文件大小过大, 不得超过1M."
});
},
handleBeforeUpload() {

4
seller/src/views/order/after-order/orderComplaintDetail.vue
View File

@ -89,7 +89,7 @@
</template>
</div>
<Upload ref="upload" :show-upload-list="false" :on-format-error="handleFormatError" :action="uploadFileUrl" :headers="accessToken" :on-success="handleSuccessGoodsPicture"
:format="['jpg','jpeg','png']" :max-size="2048" :on-exceeded-size="handleMaxSize" :before-upload="handleBeforeUpload" multiple type="drag"
:format="['jpg','jpeg','png']" :max-size="1024" :on-exceeded-size="handleMaxSize" :before-upload="handleBeforeUpload" multiple type="drag"
style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon>
@ -316,7 +316,7 @@ export default {
handleMaxSize(file) {
this.$Notice.warning({
title: "超过文件大小限制",
desc: "图片 " + file.name + " 不能超过2mb",
desc: "图片不能超过1mb",
});
},
// 获取详情

8
seller/src/views/promotion/live/addLive.vue
View File

@ -67,12 +67,12 @@
</template>
</div>
<Upload v-if="liveForm.coverImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleCoverImgSuccess" :default-file-list="defaultImgList" :format="['jpg','jpeg','png']"
:on-format-error="handleFormatError" :max-size="2048" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
:on-format-error="handleFormatError" :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon>
</div>
</Upload>
<div class="tips"> 直播间背景图，图片规则：建议像素1080*1920，大小不超过2M</div>
<div class="tips"> 直播间背景图，图片规则：建议像素1080*1920，大小不超过1M</div>
</FormItem>
<!-- 直播间背景墙 -->
@ -88,7 +88,7 @@
</template>
</div>
<Upload v-if="liveForm.shareImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleShareImgSuccess" :default-file-list="defaultImgList" :format="['jpg','jpeg','png']"
:on-format-error="handleFormatError" :max-size="2048" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
:on-format-error="handleFormatError" :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon>
</div>
@ -467,7 +467,7 @@ export default {
handleMaxSize(file) {
this.$Notice.warning({
title: "图片超过限制大小！",
desc: file.name + "图片超过规定限制大小，请重新上传",
desc: "图片超过规定限制大小，请重新上传",
});
},