Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: uplader zdjęc jquery/ajax -> PHP
Forum PHP.pl > Forum > XML, AJAX
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

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
  1.  
  2. // kawałek modalnego bootstrapowego okienka html
  3.  
  4. <input type="file" name="img" id="img" accept=".jpg,.png" value="">
  5. <span id="modalFormError" class="label label-danger"></span>
  6. <button class="btn btn-success" onclick="saveImg()" data-loading-text="Zapisywanie..." id="saveImg">Zapisz</button>
  7.  
  8.  
  9. //js
  10. function saveImg() {
  11. $('#modalFormError').text('');
  12. if (!$('#img').val()) {
  13. $('#modalFormError').text('Proszę wybrać grafikę');
  14. return;
  15. }
  16. var image = document.getElementById("img");
  17. var file = image.files[0];
  18. if (file.type === 'image/jpeg' || file.type === 'image/png') { // dodaj sobie sprawdzanie wagi pliku
  19. $('#saveImg').button('loading');
  20. formData = new FormData();
  21. formData.append('action', 'saveImage');
  22. formData.append('image', file);
  23. $.ajax({
  24. url: '/ajax.php',
  25. type: "POST",
  26. data: formData,
  27. processData: false,
  28. contentType: false,
  29. success: function (result) {
  30. // jakies dzialanie po zaladowaniu pliku
  31. }
  32. });
  33. } else {
  34. $('#modalFormError').text('Zły plik');
  35. }
  36. }
  37.  
mariolita
dlaczego ja od razu nie zapytałm Ciebie? zyskałbym z dwadzieścia godzin

wielkie DZIĘKUJE !
Comandeer
Cytat
dlaczego ja od razu nie zapytałm Ciebie? zyskałbym z dwadzieścia godzin

Nie żeby co, ale moje linki też zawierały odpowiedź… wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.