Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
P
pica-admin-consultation
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
Close sidebar
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
jingqi.liu
pica-admin-consultation
提交
87a7d538
提交
87a7d538
编写于
3月 22, 2024
作者:
zhaosheng.zhang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 上传视频优化
上级
90e713de
变更
1
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
4 行增加
和
9 行删除
+4
-9
upload-img.vue
src/components/editor/upload-img.vue
+4
-9
未找到文件。
src/components/editor/upload-img.vue
浏览文件 @
87a7d538
...
...
@@ -68,12 +68,6 @@ export default {
},
watch
:
{
imgList
(
newv
)
{
// 接口返回的视频格式第一帧,作为图片显示
newv
.
forEach
((
item
)
=>
{
if
(
this
.
isVideoFormat
(
item
?.
url
))
{
this
.
getVideoCover
(
item
);
}
});
this
.
imgArr
=
newv
;
},
},
...
...
@@ -114,7 +108,8 @@ export default {
isVideoStatus
(
file
)
{
this
.
isVideo
=
true
;
this
.
isImage
=
false
;
this
.
getVideoCover
(
file
);
this
.
dialogVideoUrl
=
file
.
url
;
// this.getVideoCover(file);
},
isImageURL
(
url
)
{
return
/
\.(
jpg|jpeg|png
)
$/i
.
test
(
url
);
...
...
@@ -132,7 +127,7 @@ export default {
},
sucess
(
response
,
file
,
fileList
)
{
console
.
log
(
response
);
this
.
getVideoCover
(
file
);
//
this.getVideoCover(file);
this
.
imgArr
=
fileList
;
},
setNewArr
()
{
...
...
@@ -179,7 +174,7 @@ export default {
// 利用canvas对象方法绘图
ctx
.
drawImage
(
video
,
0
,
0
,
canvas
.
width
,
canvas
.
height
);
// 转换成base64形式
const
videoFirstimgsrc
=
canvas
.
toDataURL
(
'image/
png
'
);
// 截取后的视频封面
const
videoFirstimgsrc
=
canvas
.
toDataURL
(
'image/
*
'
);
// 截取后的视频封面
const
videoUrl
=
file
.
url
;
file
.
url
=
videoFirstimgsrc
;
// file的url储存封面图片
this
.
dialogVideoUrl
=
videoUrl
;
...
...
写
预览
Markdown
格式
0%
请重试
or
附加一个文件
附加文件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录