gem position drag and drop

Her er nævnt local storage
https://stackoverflow.com/questions/5304276/how-do-i-save-the-position-of-draggable-resizeable-elements

har kigget lidt på det men synes kun jeg kan local storage hvis man kan flytte rundt på de forskellige "diver" over alt på hjemme siden har lavet nogle forskellige kasser hvor du kan flytte dem i og skal så huske de kasser hvor der er spiller i kan man bruge local storage til det for kan ikke rigtig finde noget om det

Jeg har ikke prøvet at gemme koordinater serverside eller i local storage - fandt bare et link fordi jeg synes dit spørgsmål var interessant.
Har selv brugt draggable vha  jqueryui til at finde koordinater som blev brugt i css efterfølgende, men jeg læste dem bare ud i en ny fane som kode og snuppede kode med klippeværktøjet og puttede det i css filen.

Her er eventen knappen kaldte

function bodyBGStyle() {
    let bgPos="background-position: ";
    let bgImg="background-image: ";
    let bgRep="background-repeat: ";
    $('img').each(function() {
            let jsel = $('#'+$(this).attr("id"));
            ['left','top'].forEach(function(p) { bgPos +=jsel.css(p)+" ";});
            bgPos += ", ";
            bgImg +="url("+jsel.attr("src")+"),";
            bgRep +="no-repeat,";
        });
    pnt("body {\n"
        +bgImg.slice(0,-1)+";\n"
        +bgPos.slice(0,-2)+";\n"
        +bgRep.slice(0,-1)+";\n}"
        );
}

som anvender:

function pnt(mes) {
    let tab = window.open('about:blank', '_blank');
    tab.document.write("<pre>\n"+mes+"\n</pre>");
    tab.document.close();
}

prøver lige at lave et opslag hvor koden indgår class drag 2 er det billede jeg drager rundet med
<div class="drag2">
<img id="drag16" src="troeje.png" draggable="true" ondragstart="drag(event)" width="25" height="25">
</div>

er et af de felter jeg dropper mit billede ind i
  <div id="div3" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

er der nogle der har en ide hvordan det felter gemmer at det billede er draget i det så når jeg refresher er det i samme billede der er i den boks?

vil lige spørge grunden til jeg kan have flere i samme position/slot er vel denne kode
<script>
function allowDrop(ev) {
  ev.preventDefault();
}

function drag(ev) {
  ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData("text");
  ev.target.appendChild(document.getElementById(data));
}

</script>