🚀 go-pugleaf

znalazłem rozwiązanie

kod html

<div id="aimg">
    <img src="plki.jpg" id="plki.jpg">
    <img src="pik02.jpg" id="pik02.jpg">
    <img src="pik03.jpg id="pik03.jpg"">
    <img src="pik04.jpg" id="pik04.jpg">
</div>


<script>
//pobranie w js kolekcji typu img
var aimg = document.getElementById("aimg");
//
var ilosc = aimg.getElementsByTagName("img");

//funkcja która zamienia wartość z html IMG src na blob;
function dataURItoBlob(dataURI){
var byteString = atob(dataURI.split(',')[1]);
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
var ab = new ArrayBuffer(byteString.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < byteString.length; i++){
   ia[i] = byteString.charCodeAt(i);
}
var bb = new Blob([ab], { "type": mimeString });
return bb;
}

var files = im;
// tworzy nowy  FormData object.
var formData = new FormData();

// petla z kolejnymi wartościami IMG
for (var i = 0; i < files.length; i++) {
   var file = files[i];

//zamiana zrodla z img src="" na wartość blob
   blob = dataURItoBlob(file.src);

//przypisanie wartoosci blob i nazwy pliku z ID do fourmurza
  formData.append("photos[]", blob, file.id);

}
// Set up the request.
var xhr = new XMLHttpRequest();

// Open the connection.
xhr.open('POST', 'jsformdata001fb.html', true);

// Set up a handler for when the request finishes.
xhr.onload = function () {
    if (xhr.status === 200) {
     // File(s) uploaded.
     uploadButton.innerHTML = 'Upload';
     s = xhr.responseText

       } else {
     alert('An error occurred!');
   }
};

// Send the Data.
xhr.send(formData);


i po kłopocie

Jakub