修改上传图片大小限制,最大1M
parent
00a64c4d2a
commit
5cfbfdf67c
|
@ -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)
|
||||||
|
|
|
@ -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."
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 上传前
|
// 上传前
|
||||||
|
|
|
@ -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."
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 上传之前钩子
|
// 上传之前钩子
|
||||||
|
|
|
@ -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.",
|
||||||
|
});
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* 获取直播间详情
|
* 获取直播间详情
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -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.",
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 上传成功回调
|
// 上传成功回调
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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"
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 图片上传前钩子
|
// 图片上传前钩子
|
||||||
|
|
|
@ -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."
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 上传前
|
// 上传前
|
||||||
|
|
|
@ -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() {
|
||||||
|
|
|
@ -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",
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 获取详情
|
// 获取详情
|
||||||
|
|
|
@ -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: "图片超过规定限制大小,请重新上传",
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue