{"id":109,"date":"2008-02-29T14:19:03","date_gmt":"2008-02-29T19:19:03","guid":{"rendered":"http:\/\/stein.everybody.org\/brain\/download-multiple-files\/"},"modified":"2011-03-10T10:57:28","modified_gmt":"2011-03-10T15:57:28","slug":"download-multiple-files","status":"publish","type":"post","link":"https:\/\/jeremystein.com\/brain\/download-multiple-files\/","title":{"rendered":"Download multiple files"},"content":{"rendered":"

To send multiple files to the web browser, embed the files in hidden iframes like this:<\/p>\n

<iframe id=\"file_download1\" width=\"0\" height=\"0\" scrolling=\"no\" frameborder=\"0\" src=\"file1.zip\"\/>\n<iframe id=\"file_download2\" width=\"0\" height=\"0\" scrolling=\"no\" frameborder=\"0\" src=\"file2.zip\"\/>\n<iframe id=\"file_download3\" width=\"0\" height=\"0\" scrolling=\"no\" frameborder=\"0\" src=\"file3.zip\"\/><\/pre>\n
Or here’s a fun little page that demonstrates the technique with Javascript:<\/p>\n
<html>\n  <head>\n    <script language=\"javascript\">\n      function download(form) {\n\tfor(var i=0; i<form.elements.length; i++) {\n\t  var element = form.elements[i];\n\t  if (element.type == \"checkbox\") {\n\t    if (element.checked) {\n\t      var iframe = document.createElement(\"iframe\");\n\t      iframe.width = iframe.height = iframe.frameBorder = 0;\n\t      iframe.scrolling = \"no\";\n\t      iframe.src = element.value;\n\t      document.getElementById(\"iframe_holder\").appendChild(iframe);\n\t    }\n\t  }\n\t}\n      }\n    <\/script>\n  <\/head>\n  <body>\n    <form>\n      <input type=\"checkbox\" name=\"file1\" value=\"file1.zip\"\/>file1.zip<br\/>\n      <input type=\"checkbox\" name=\"file2\" value=\"file2.zip\"\/>file2.zip<br\/>\n      <input type=\"checkbox\" name=\"file3\" value=\"file3.zip\"\/>file3.zip<br\/>\n      <input type=\"button\" onclick=\"download(this.form)\" value=\"Download\"\/>\n    <\/form>\n    <div id=\"iframe_holder\"\/>\n  <\/body>\n<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"
To send multiple files to the web browser, embed the files in hidden iframes like this: <iframe id=”file_download1″ width=”0″ height=”0″ scrolling=”no” frameborder=”0″ src=”file1.zip”\/> <iframe id=”file_download2″ width=”0″ height=”0″ scrolling=”no” frameborder=”0″ src=”file2.zip”\/> <iframe id=”file_download3″ width=”0″ height=”0″ scrolling=”no” frameborder=”0″ src=”file3.zip”\/> Or here’s a fun little page that demonstrates the technique with Javascript: <html> <head> <script language=”javascript”> function download(form) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,34],"tags":[],"class_list":["post-109","post","type-post","status-publish","format-standard","hentry","category-html","category-javascript"],"_links":{"self":[{"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/posts\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":0,"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/posts\/109\/revisions"}],"wp:attachment":[{"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/media?parent=109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/categories?post=109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jeremystein.com\/brain\/wp-json\/wp\/v2\/tags?post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}