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

master
mabo 2021-08-06 15:35:07 +08:00
parent 00a64c4d2a
commit 5cfbfdf67c
11 changed files with 30 additions and 56 deletions

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 uploadFile = commonUrl+ "/common/upload/file";
// 验证码渲染图片接口
export const drawCodeImage = commonUrl + "/common/captcha/draw/";
// 获取菜单
export const getMenuList = managerUrl + "/permission/getMenuList";
// Websocket // Websocket
export const ws = managerUrl + "/ws"; export const ws = managerUrl + "/ws";
export const getMessageSendData = "";
//获取所有city //获取所有city
export const getAllCity = (params) => { export const getAllCity = (params) => {
return getRequest(commonUrl + '/common/region/allCity', params) return getRequest(commonUrl + '/common/region/allCity', params)

View File

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

View File

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

View File

@ -58,12 +58,12 @@
</template> </template>
</div> </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']" <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;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
</div> </div>
</Upload> </Upload>
<div class="tips"> 直播间背景图图片规则建议像素1080*1920大小不超过2M</div> <div class="tips"> 直播间背景图图片规则建议像素1080*1920大小不超过1M</div>
</FormItem> </FormItem>
<!-- 直播间背景墙 --> <!-- 直播间背景墙 -->
@ -79,7 +79,7 @@
</template> </template>
</div> </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']" <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;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
</div> </div>
@ -191,6 +191,13 @@ export default {
this.imageVisible = true; this.imageVisible = true;
this.imageSrc = src; this.imageSrc = src;
}, },
//
handleMaxSize(file) {
this.$Notice.warning({
title: "文件大小过大",
desc: "所选文件大小过大, 不得超过 1M.",
});
},
/** /**
* 获取直播间详情 * 获取直播间详情
*/ */

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -89,7 +89,7 @@
</template> </template>
</div> </div>
<Upload ref="upload" :show-upload-list="false" :on-format-error="handleFormatError" :action="uploadFileUrl" :headers="accessToken" :on-success="handleSuccessGoodsPicture" <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;"> style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
@ -316,7 +316,7 @@ export default {
handleMaxSize(file) { handleMaxSize(file) {
this.$Notice.warning({ this.$Notice.warning({
title: "超过文件大小限制", title: "超过文件大小限制",
desc: "图片 " + file.name + " 不能超过2mb", desc: "图片不能超过1mb",
}); });
}, },
// //

View File

@ -67,12 +67,12 @@
</template> </template>
</div> </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']" <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;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
</div> </div>
</Upload> </Upload>
<div class="tips"> 直播间背景图图片规则建议像素1080*1920大小不超过2M</div> <div class="tips"> 直播间背景图图片规则建议像素1080*1920大小不超过1M</div>
</FormItem> </FormItem>
<!-- 直播间背景墙 --> <!-- 直播间背景墙 -->
@ -88,7 +88,7 @@
</template> </template>
</div> </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']" <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;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
</div> </div>
@ -467,7 +467,7 @@ export default {
handleMaxSize(file) { handleMaxSize(file) {
this.$Notice.warning({ this.$Notice.warning({
title: "图片超过限制大小!", title: "图片超过限制大小!",
desc: file.name + "图片超过规定限制大小,请重新上传", desc: "图片超过规定限制大小,请重新上传",
}); });
}, },