uplader zdjęc jquery/ajax -> PHP Opcje

[mariolita]

głowie sie i głowie i zrobiłem już jakies 1000000000000000000000000 kombinacji

były pomysly z otwieraniem pliku graficznego w przegladarce nastpenie zapisywanie

albo konwertowanie to canvas i znow do grafiki


rozne
rozne
rozne pomysly i nadal nie wpadłem na to jak oni to robią

skoro sa pluginy ze da sie załadować zdjęcie/plik (ale szczegolnie chce plik) przez odswiezenia strony to na pewno sie da ale jak? bez pluginów

[Comandeer]

File API → https://developer.mozilla.org/en/docs/Using...eb_applications + FormData → https://developer.mozilla.org/en/docs/Web/API/FormData

[mariolita]

na samym dole jest działający kod jakbym chciał drag and drop ale ja chcialbym po change po wyborze pliku - jak przekształcić ten kod - albo ja jestem glupi

[kayman]

może napiszesz co chcesz osiągnąć bo już chyba nikt nie rozumie o co ci chodzi

[mariolita]

chciałbym załadować plik na serwer, zrobiłem juz w juqery kod sprwdzający rodzaj plikow, rozmiar a teraz chciałbym zaladować ten plik na server - czyli wyciagnac cos co wysle do pliku PHP ktory umiesci plik na serwerze i odda odpowiedź.

tyle że nie drag and drop ale normalnie input - file
wybieram plik i jak waga jest dopuszczalna i rodzaj tez to wtedy wysyla do pliku php

[kayman]

[HTML] pobierz, plaintext 
 
// kawałek modalnego bootstrapowego okienka html
 
<input type="file" name="img" id="img" accept=".jpg,.png" value="">
<span id="modalFormError" class="label label-danger"></span>
<button class="btn btn-success" onclick="saveImg()" data-loading-text="Zapisywanie..." id="saveImg">Zapisz</button>
 
 
//js 
function saveImg() {
    $('#modalFormError').text('');
    if (!$('#img').val()) {
        $('#modalFormError').text('Proszę wybrać grafikę');
        return;
    }
    var image = document.getElementById("img");
    var file = image.files[0];
    if (file.type === 'image/jpeg' || file.type === 'image/png') { // dodaj sobie sprawdzanie wagi pliku
        $('#saveImg').button('loading');
        formData = new FormData();
        formData.append('action', 'saveImage');
        formData.append('image', file);
        $.ajax({
            url: '/ajax.php',
            type: "POST",
            data: formData,
            processData: false,
            contentType: false,
            success: function (result) {
                // jakies dzialanie po zaladowaniu pliku
            }
        });
    } else {
        $('#modalFormError').text('Zły plik');
    }
}
 
[HTML] pobierz, plaintext 

Ten post edytował kayman 30.06.2016, 13:24:23

[mariolita]

dlaczego ja od razu nie zapytałm Ciebie? zyskałbym z dwadzieścia godzin

wielkie DZIĘKUJE !

[Comandeer]

dlaczego ja od razu nie zapytałm Ciebie? zyskałbym z dwadzieścia godzin

Nie żeby co, ale moje linki też zawierały odpowiedź…