上传视频增加大小限制
This commit is contained in:
parent
e3fd214f4a
commit
33e4df77bd
@ -7,6 +7,7 @@ import config from "../../config.js"
|
|||||||
import { Button, Row, Col, Form, Input, Upload, Icon, Modal, Spin } from 'antd';
|
import { Button, Row, Col, Form, Input, Upload, Icon, Modal, Spin } from 'antd';
|
||||||
import storage from '../../utils/storage'
|
import storage from '../../utils/storage'
|
||||||
import MD5 from "js-md5"
|
import MD5 from "js-md5"
|
||||||
|
import { xAxisConfig } from '@jiaminghi/data-view-react/lib/index-fcdce9c7.js';
|
||||||
// import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";
|
// import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";
|
||||||
/**
|
/**
|
||||||
* @return {string}
|
* @return {string}
|
||||||
@ -47,10 +48,27 @@ export default {
|
|||||||
// if (params.record.Nav_Files && params.record.Nav_Files.length > 0) {
|
// if (params.record.Nav_Files && params.record.Nav_Files.length > 0) {
|
||||||
// params.record['Files'] = params.record.Nav_Files
|
// params.record['Files'] = params.record.Nav_Files
|
||||||
// }
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
// 2. 上传前校验函数(核心)
|
||||||
|
const beforeUpload = (file) => { // 1. 定义文件大小限制(示例:限制最大2MB)
|
||||||
|
const MAX_FILE_SIZE = 30 * 1024 * 1024; // 2MB = 2*1024*1024 Byte
|
||||||
|
// 校验文件大小
|
||||||
|
if (file.size > MAX_FILE_SIZE) {
|
||||||
|
message.error(`文件大小不能超过 30MB!当前文件大小:${(file.size / 1024 / 1024).toFixed(2)}MB`);
|
||||||
|
return false; // 返回false阻止上传
|
||||||
|
// 也可使用Promise方式:return Promise.reject(new Error('文件大小超过限制'));
|
||||||
|
}
|
||||||
|
|
||||||
|
// 校验通过,允许上传
|
||||||
|
return true;
|
||||||
|
};
|
||||||
|
|
||||||
//上传到本地服务器
|
//上传到本地服务器
|
||||||
const uploadSopProps = {
|
const uploadSopProps = {
|
||||||
accept: '.flv,.avi,.mpg,.mp4,.wmv,.mov,.3gp,.asf',
|
accept: '.flv,.avi,.mpg,.mp4,.wmv,.mov,.3gp,.asf',
|
||||||
name: 'file',
|
name: 'file',
|
||||||
|
beforeUpload: beforeUpload, // 绑定大小校验钩子
|
||||||
action: config.serviceHost('api/PF/File/UploadVideo'),//UploadFile 方法分开 以免影响
|
action: config.serviceHost('api/PF/File/UploadVideo'),//UploadFile 方法分开 以免影响
|
||||||
data: { OrgId: params.login.OrgId },
|
data: { OrgId: params.login.OrgId },
|
||||||
fileList: params.record['Files'],//Files Nav_Files
|
fileList: params.record['Files'],//Files Nav_Files
|
||||||
@ -87,7 +105,10 @@ export default {
|
|||||||
IMG_FILE_ID: IMG_FILE_ID, //附件表文件名称
|
IMG_FILE_ID: IMG_FILE_ID, //附件表文件名称
|
||||||
ID: t.response.file ? t.uid : guid()//标记ID
|
ID: t.response.file ? t.uid : guid()//标记ID
|
||||||
})
|
})
|
||||||
|
message.success(`${info.file.name} 上传成功`);
|
||||||
} else {
|
} else {
|
||||||
|
const temps2 = [];
|
||||||
|
params.setFieldValueByBatch(temps2);
|
||||||
message.error(`${info.file.name} 上传失败!报错详情:` + t.response.ErrorMessage);
|
message.error(`${info.file.name} 上传失败!报错详情:` + t.response.ErrorMessage);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -102,7 +123,7 @@ export default {
|
|||||||
// params.setFieldEditable("NAME", false)//让可修改
|
// params.setFieldEditable("NAME", false)//让可修改
|
||||||
}
|
}
|
||||||
// params.setFieldEditable("ISLOCAL", false)
|
// params.setFieldEditable("ISLOCAL", false)
|
||||||
message.success(`${info.file.name} 上传成功`);
|
|
||||||
} else if (info.file.status === 'error') {
|
} else if (info.file.status === 'error') {
|
||||||
message.error(`${info.file.name} 上传失败!`);
|
message.error(`${info.file.name} 上传失败!`);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user