Javascript/Jquery：下载多张图片并保存在本地

Posted 2023-05-07

【中文标题】Javascript/Jquery：下载多张图片并保存在本地

【英文标题】：Javascript/Jquery: download multiple images and save locally

【发布时间】：2012-04-09 13:59:28

【问题描述】：

我在 php 中创建了从 file_get_content 开始以加载 html 页面、解析为 DOM 并使用 xpath 按类名查找所有图像标签。基本上最后我可以调整所有图像的大小并将其保存在本地（因为我在本地主机上尝试）。

问题是，一旦我托管了我的 php，所有图像都将保存在服务器上。另一种解决方案可能是要求用户安装（例如 xampp）以在本地运行它（但不是更好的解决方案）。

我可以使用 javascript/jquery 执行相同的方法来保存页面中找到的所有图像吗？我所知道的是javascript可以保存，但必须弹出对话框另存为，并且还需要为每个图像一张一张地完成。

提前感谢您的任何回答。

【问题讨论】：

抱歉之前不太清楚，是否可以不使用php而只依赖javascript？ @Andrew Leap，我想这是个好主意，因为我已经在 php 部分完成了它，所以我不应该在 javascript 中全部重做，只需发回 php 所做的，压缩成一个并让客户端下载一次。我必须学习如何做到这一点。

【参考方案1】：

您不能发送多个单独的文件。最好的办法是使用 zip 扩展名将多个文件压缩在一起并提供下载。

Zip Extension

【参考方案2】：

不需要使用JavaScript，可以使用PHP强制下载图片：

$file = 'path/to/image.png';
header('Content-Description: File Transfer');
header("Content-type: application/octet-stream");
header("Content-disposition: attachment; filename= ".$file."");
readfile($file);