portseven: Bild Upload Function

Guten Tag,

gibt es eventuell eine Ajax/jQuery Function um ein Bild hochzuladen sobald man nur eins ausgewählt hat ohne auf einen weiteren Button zu drücken.

Im ersten Teil des Videos seht ihr wie ich es gern hätte, im zweiten Teil seht ihr wie es bei mir ist.

https://www.youtube.com/watch?v=8-CZX0N5sUU&feature

akzeptierte Antworten

  1. ja gibt es:

    <form>
        <input type="file" name="uplink" id="uplink" onchange="upload(this.form)">
    </form>
    
    <script>
    function upload(form){
        var FD = new FormData(form);
        var xhr = new XMLHttpRequest();
        xhr.open('POST','%url%');
        xhr.send(FD);
    }
    </script>
    

    Fertisch 😉

    1. Top Danke! Danach hab ich gesucht.

      1. Hallo portseven,

        Top Danke! Danach hab ich gesucht.

        Da habe ich mich gefragt, warum du dann keine Bewertung gibst, aber ein kurzer Blick in deinen Status zeigt mir dann natürlich, dass du das nicht darfst. Daher helfe ich dir schon mal mit einem +1.

        Glaube aber (bin nicht sicher?), "Beste Antwort", darfst auch du schon vergeben. Sry, hat sich überschnitten oder hattest du schon gemacht.

        Gruss
        Henry

        1. Vielen Dank portseven für "Beste Antwort", lieb gemeint aber diese Ehre gebührt in diesem Fall allein pl. Bitte wieder rückgängig, für mein Seelenheil. 😉

          Gruss
          Henry

      2. Top Danke! Danach hab ich gesucht.

        Naja, ein bischen mehr Komfort darf es schon sein. Z.B. eine Vorschau, wenn es schon Grafiken sind:

        <input type="file" id="bilddatei" oninput="preview(this.files)">
        
        <script>
        function preview(files){
            document.getElementById('vorschaubild').src = URL.createObjectURL(files[0]);
        }
        </script>
        

        Und auch das xhr-Objekt freut sich über einen onreadystatechange oder onload~handler 😉

        MfG