|
@@ -9,16 +9,16 @@ import {
|
|
|
UploadFileInfo,
|
|
|
useMessage
|
|
|
} from 'naive-ui';
|
|
|
-import iconUploadAdd from '../../../images/icon-upload-add.png';
|
|
|
+// import iconUploadAdd from '../../../images/icon-upload-add.png';
|
|
|
import { NaturalTypeEnum, PageEnum } from '/src/enums/pageEnum';
|
|
|
-import { policy } from '/src/components/upload-file/api';
|
|
|
+// import { policy } from '/src/components/upload-file/api';
|
|
|
import { formatUrlType } from '../upload-modal';
|
|
|
-import axios from 'axios';
|
|
|
+// import axios from 'axios';
|
|
|
import {
|
|
|
getUploadSign,
|
|
|
onFileUpload,
|
|
|
- onOnlyFileUpload,
|
|
|
- ossSwitch
|
|
|
+ onOnlyFileUpload
|
|
|
+ // ossSwitch
|
|
|
} from '/src/helpers/oss-file-upload';
|
|
|
|
|
|
export default defineComponent({
|
|
@@ -216,27 +216,22 @@ export default defineComponent({
|
|
|
// let dataURL = '';
|
|
|
const videoElement = document.createElement('video');
|
|
|
videoElement.currentTime = 1;
|
|
|
+ videoElement.setAttribute('crossOrigin', 'Anonymous'); // 处理跨域
|
|
|
+ videoElement.setAttribute('preload', 'auto'); // auto|metadata|none
|
|
|
videoElement.src = URL.createObjectURL(file);
|
|
|
- videoElement.addEventListener('loadedmetadata', function () {
|
|
|
- console.log('loaded in');
|
|
|
- videoElement.currentTime = 1;
|
|
|
+ // Listen for 'canplay' to ensure the video is ready for frame capture
|
|
|
+ videoElement.addEventListener('canplay', function () {
|
|
|
+ console.log('Video can play');
|
|
|
+ const canvas: any = document.createElement('canvas'),
|
|
|
+ width = videoElement.videoWidth,
|
|
|
+ height = videoElement.videoHeight;
|
|
|
|
|
|
- // Listen for 'canplay' to ensure the video is ready for frame capture
|
|
|
- videoElement.addEventListener('canplay', function () {
|
|
|
- console.log('Video can play');
|
|
|
- const canvas: any = document.createElement('canvas'),
|
|
|
- width = videoElement.videoWidth,
|
|
|
- height = videoElement.videoHeight;
|
|
|
+ canvas.width = width;
|
|
|
+ canvas.height = height;
|
|
|
+ canvas.getContext('2d').drawImage(videoElement, 0, 0, width, height);
|
|
|
|
|
|
- canvas.width = width;
|
|
|
- canvas.height = height;
|
|
|
- canvas
|
|
|
- .getContext('2d')
|
|
|
- .drawImage(videoElement, 0, 0, width, height);
|
|
|
-
|
|
|
- canvas.toBlob((blob: any) => {
|
|
|
- resolve(blob);
|
|
|
- });
|
|
|
+ canvas.toBlob((blob: any) => {
|
|
|
+ resolve(blob);
|
|
|
});
|
|
|
});
|
|
|
videoElement.addEventListener('error', function (e) {
|
|
@@ -327,6 +322,7 @@ export default defineComponent({
|
|
|
list.push(item);
|
|
|
}
|
|
|
});
|
|
|
+ console.log(fileListRef.value, uploadList.value);
|
|
|
emit('confrim', list);
|
|
|
};
|
|
|
|
|
@@ -372,7 +368,7 @@ export default defineComponent({
|
|
|
<NButton
|
|
|
round
|
|
|
type="primary"
|
|
|
- disabled={uploadStatus.value}
|
|
|
+ disabled={uploadStatus.value || btnLoading.value}
|
|
|
onClick={onSubmit}>
|
|
|
确定
|
|
|
</NButton>
|