JS端基于download.js如何实现图片、视频时直接下载而不是打开预览

在JS中，可以使用download.js库来实现文件的直接下载。下载文件时，如果浏览器支持下载功能，则会在浏览器中显示一个下载对话框，允许用户选择保存文件的位置和名称。否则，将打开预览窗口，以便用户可以查看和下载文件。

要使用download.js库下载文件，需要引入下载库并调用download()方法。download()方法需要指定文件的URL和文件名称等参数。以下是实现图片和视频的下载示例：

1. 图片下载

下载图片时，需要将图片的URL作为参数传递给download()方法，同时还需要设置文件名称。

var imgURL = 'http://your-image-url';
var fileName = 'your-image-name.jpg';

// 使用download.js库下载图片
download(imgURL, fileName);

2. 视频下载

与下载图像类似，下载视频时也需要将视频的URL作为参数传递给download()方法，同时还需要设置文件名称。

var videoURL = 'http://your-video-url';
var fileName = 'your-video-name.mp4';

// 使用download.js库下载视频
download(videoURL, fileName);

注意事项：

- 在跨域情况下，可能需要设置CORS（跨域资源共享）标头。

- 对于较大的文件，建议使用流式传输而不是将整个文件保存在内存中。这可以通过捕获XHR的onprogress事件来实现。

以上是基于download.js实现图片、视频直接下载的方法，希望对你有帮助。