问题描述:
在上传完视频后需要进行视频的回显
<el-upload
class="avatar-uploader"
action="http://127.0.0.1:7777/api/video/upload"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:on-change="onChange"
ref="upload"
>
<video
v-if="videoUrl"
:src="videoUrl"
class="avatar">
</video>
<i v-else class="el-icon-plus" ></i>
</el-upload>
获取视频时报错:
问题排查:
一开始呢也以为是平常的filter拦截,找了很久,实在是没发现有调用getOutputStream方法的filter
后面查看请求就可以发现,播放视频时调用了多次请求。
解决方案:
多个请求在资源还在使用时是无法获取到的可以采用try catch捕捉异常后处理
@ApiOperation("获取视频文件")
@GetMapping("/video")
public void getVideo(String name, HttpServletResponse response) {
try{
log.info(name+"");
FileInputStream fileInputStream=new FileInputStream(new File(videoPath+name));
ServletOutputStream outputStream = response.getOutputStream();
response.setContentLength((int) new File(videoPath+name).length());
response.setHeader("Accept-Ranges","bytes");
response.setContentType("video/mp4;charset=utf-8");
System.out.println(outputStream);
int len=0;
byte[] bytes=new byte[1024];
while((len=fileInputStream.read(bytes))!=-1){
outputStream.write(bytes,0,len);
}
outputStream.close();
fileInputStream.close();
}catch (Exception e){
}
}
到此问题解决,视频播放正常。