vue新增时没有上传视频,但点击详情它自动生成了一个空视频,获取到的接口中的视频也是空的
你可以把你新增 和 详情 的方法 代码截图发出来,有可能是生成了空的video 标签 但是你没注意
这个吗?
该回答引用GPTᴼᴾᴱᴺᴬᴵ
根据您提供的代码片段,看起来您正在使用Vue框架实现一个允许用户上传视频文件的功能。但是,当用户选择不上传视频文件时,您注意到当用户点击“详情”按钮时会生成一个空视频元素。此外,视频的API响应也为空。
·
为了防止生成空视频元素,您可以有条件地仅在file.url属性不为null或为空时渲染视频元素。这可以通过在视频元素上添加一个v-if指令来实现,如下所示:
<video v-if="file.url" class="el-upload-list item-thumbnail" style="object-fit: fill; width: 100%; height: 100%" controls="controls">
<source :src="file.url" type="video/mp4" />
</video>
至于API响应,如果响应返回空视频URL,则可能是处理视频上传的服务器端代码存在问题。您可以检查服务器日志或联系后端开发人员以获取帮助以解决此问题。
·
在您提供的代码片段中,第一个代码片段中似乎存在拼写错误,before-upload-"beforeUpload" 应该是 before-upload="beforeUpload"。此外,第二个代码片段中,let snackImageUr] 应该是 let snackImageUrl。