yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-06-08 10:34:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

上传视频逻辑优化

Browse Source
This commit is contained in:
禺狨 2023-07-05 11:21:01 +08:00
parent bd86f23b04
commit 1046bb70b8
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/compenents/upload-video-button/index.tsx
View File

@ -42,6 +42,7 @@ interface FileItem {
export const UploadVideoButton = (props: PropsInterface) => {
const [showModal, setShowModal] = useState(false);
const [loading, setLoading] = useState(false);
const localFileList = useRef<FileItem[]>([]);
const [fileList, setFileList] = useState<FileItem[]>([]);
@ -54,6 +55,7 @@ export const UploadVideoButton = (props: PropsInterface) => {
multiple: true,
beforeUpload: async (file: File) => {
if (file.type === "video/mp4") {
setLoading(true);
// 视频封面解析 || 视频时长解析
let videoInfo = await parseVideo(file);
// 添加到本地待上传
@ -91,6 +93,7 @@ export const UploadVideoButton = (props: PropsInterface) => {
item.isSuc = true;
setFileList([...localFileList.current]);
message.success(`${item.file.name} 上传成功`);
setLoading(false);
});
});
item.run.on("retry", () => {
@ -106,6 +109,7 @@ export const UploadVideoButton = (props: PropsInterface) => {
item.isErr = true;
item.errMsg = msg;
setFileList([...localFileList.current]);
setLoading(false);
});
setTimeout(() => {
item.run.start();
@ -120,6 +124,10 @@ export const UploadVideoButton = (props: PropsInterface) => {
};
const closeWin = () => {
if (loading) {
message.error(`等待上传成功后才能关闭`);
return;
}
setShowModal(false);
setFileList([]);
props.onUpdate();