[f.....u]

Jest jakiś najprostszy sposób na wysłanie jednego pliku jpg/png ajaxem?
Z tego co szukam są całe kobyły na to a ja szukam czegoś prostego. Myślałem, by zrobić to iframem ale to chyba głupi pomysł
#php #webdev #javascript

[sqet]

@filipsiu: nie polecam iframe, baw się ajaxem

[f.....u]

@sqet: Znalazłem coś takiego, chyba się nada http://www.jqueryrain.com/?TPS5cJQM

[sqet]

@filipsiu: wiele jest jakiś rozwiązań dla wysyłania plików :) trzeba wybrać taki pod swoje gusta ;p

[f.....u]

@sqet: poleciłbyś coś?
Mam w formularzu do wysłania dosłownie jeden plik graficzny, nie potrzebuję bajerów. Cały formularz waliduję ajaxem więc musi się wysłać w locie bez wysyłania całej formy

[sqet]

@filipsiu: na szybciutko napisać jednego ajaxa z xhr i tyle, nawet nie dociągać bibliotek :)

[f.....u]

@sqet: Mógłbyś rzucić jakimś przykładem? Nie za bardzo wiem co masz na myśli

[f.....u]

@sqet: Dobra, poradziłem sobie. Dziękuję Ci mireczku! ( ͡° ͜ʖ ͡°)

[sqet]

@filipsiu: szukaj "send file by ajax xhr" mam dzisiaj średnio czasu

[Jurigag]

@filipsiu: wyślij po prostu formdata i tyle, nic więcej nie trzeba robić, cały kod:

var form = document.getElementById('form-id');
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
// Add any event handlers here...
xhr.open('POST', '/upload/path', true);
xhr.send(formData);

oczywiście na <=ie10 nie działa, ale kto by się tym przejmował, po prostu wyrzucasz piękny monit aby pobrać nową przeglądarkę i dziękuje ( ͡° ʖ̯ ͡°)

[f.....u]

@Jurigag: spytam z ciekawości... xhr.send(formData); idzie z tego wyciągnąć co zwrócił skrypt?

[Jurigag]

@filipsiu: aha, xhr.onreadystatechange = function(){console.log xhr.responseText}

ale oczywiście lepiej po prostu użyć ajaxa i jquery

[Jurigag]

@Jurigag: oczywiście console.log(xhr.responseText)