JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<textarea></textarea><br />
 <button onclick="do_dl();">Test downloading</button>

CSS

textarea {
  width: 100%;
  height: 500px;
}

JavaScript

function downloadAll(urls) {


  for (var i = 0; i < urls.length; i++) {
    forceDownload(urls[i], urls[i].substring(urls[i].lastIndexOf('/')+1,urls[i].length))
  }
}
function forceDownload(url, fileName){
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.responseType = "blob";
    xhr.onload = function(){
        var urlCreator = window.URL || window.webkitURL;
        var imageUrl = urlCreator.createObjectURL(this.response);
        var tag = document.createElement('a');
        tag.href = imageUrl;
        tag.download = fileName;
        document.body.appendChild(tag);
        tag.click();
        document.body.removeChild(tag);
    }
    xhr.send();
}
function do_dl() {
		var files = document.querySelector('textarea').value.split('\n');
    console.log(files);
    downloadAll(files);
}