Angular - 为上传的图像/视频生成缩略图

Rad*_*anu 5 javascript thumbnails npm angular

我有一个 Angular 应用程序,用户可以在其中上传文件。我想为图像/视频文件生成缩略图。基本上,我拥有的只是文件字节和类型,我不会将文件保存在应用程序中,我只是将其转发到另一个 API。我不想在本地保存生成的缩略图,我只想将其与原始图像/视频一起转发。

我找到了simple-thumbnail包,但我发现它需要文件路径(我没有,因为我没有将文件保存在我的应用程序中)或图像 URL(因为我也没有)用户从他的计算机上传图像)。另外,这个库保存了我不想要的文件。

有没有办法从图像/视频字节生成图像缩略图,然后将其与原始文件一起进一步转发?

小智 4

您可以尝试创建一个video元素并将视频设置到其中。将视频加载到元素内后,canvas可以使用 a 从该视频中提取图像。这可能有用/sf/answers/4443232391/