上传视频增加大小限制

This commit is contained in:
ccy 2025-12-26 18:46:53 +08:00
parent e3fd214f4a
commit 33e4df77bd

View File

@ -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} 上传失败!`);
} }