fix: 修复使用视频组件播放mp4资源,调用生成封面方法失败,导致大屏数据无法保存的问题

main
wu.jian2 1 year ago
parent 30c350c404
commit fa156c49ac

@ -446,26 +446,20 @@ export default {
try {
dataUrl = await toJpeg(node, { quality: 0.2 })
} catch (error) {
if (error.type === 'error') {
// error.currentTargetimg
if (error.currentTarget.tagName.toLowerCase() === 'img') {
//
this.$confirm('保存封面失败我们将使用上次保存的封面它不会影响其他数据的保存。由于图片资源跨域问题导致使用toDataURL API生成图片失败我们需要将图片上传到资源库。然后在组件中使用资源库中的图片资源以确保没有跨域问题。', '提示', {
confirmButtonText: '确定',
showCancelButton: false,
type: 'warning',
customClass: 'bs-el-message-box'
}).then(async () => {
res = await saveScreen(pageInfo)
this.$message.success('保存成功')
}).catch(async () => {
res = await saveScreen(pageInfo)
this.$message.success('保存成功')
})
}
} else {
this.$message.warning('出现未知错误,请重试')
}
// error.currentTargetimg
//
this.$confirm('保存封面失败我们将使用上次保存的封面不会影响大屏数据的保存。可能是因为图片、视频资源跨域了导致使用toDataURL API生成图片失败我们可以将资源上传到资源库。然后在组件中使用资源库中的图片资源以确保没有跨域问题。', '提示', {
confirmButtonText: '确定',
showCancelButton: false,
type: 'warning',
customClass: 'bs-el-message-box'
}).then(async () => {
res = await saveScreen(pageInfo)
this.$message.success('保存成功')
}).catch(async () => {
res = await saveScreen(pageInfo)
this.$message.success('保存成功')
})
}
if (dataUrl) {
if (showSize(dataUrl) > 200) {
@ -586,7 +580,7 @@ export default {
}).then(() => { }).catch(() => { })
}
} else {
this.$message.warning('出现未知错误,请重试')
this.$message.warning('出现未知错误,请重试2')
}
})
}

@ -415,21 +415,16 @@ export default {
this.loading = false
})
.catch((error) => {
console.info(error)
this.loading = false
if (error.type === 'error') {
// error.currentTargetimg
if (error.currentTarget.tagName.toLowerCase() === 'img') {
//
this.$confirm('图片资源跨域导致使用toDataURL API生成图片失败请将图片上传到资源库然后在组件中使用资源库中的图片资源确保没有跨域问题。', '提示', {
confirmButtonText: '确定',
showCancelButton: false,
type: 'warning',
customClass: 'bs-el-message-box'
}).then(() => { }).catch(() => { })
}
} else {
this.$message.warning('出现未知错误,请重试')
}
// error.currentTargetimg
//
this.$confirm('图片、视频资源跨域导致使用toDataURL API生成图片失败请将资源上传到资源库然后在组件中使用资源库中的图片资源确保没有跨域问题。', '提示', {
confirmButtonText: '确定',
showCancelButton: false,
type: 'warning',
customClass: 'bs-el-message-box'
}).then(() => { }).catch(() => { })
})
},
pageJump () {

Loading…
Cancel
Save