Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: przeladowanie obrazka we jquery
Forum PHP.pl > Forum > Po stronie przeglądarki
acztery
hej,

Mam taki kłopot. Napisałem skrypt do cropowania zdjęcia i np.

cropuję zdjęcie i tu wszystko działa. Ale teraz nad narzędziem do cropowa mam podgląd np:

<img src="url"> gdzie url to adres do tego jak zdjecie wyglada po ocropowaniu.

jak przeładować ten obrazek?? żeby się tam wyśwetliło to nowe zdjęcie jego nazwa rzecz jasna sie nie zmienia..

próbowałem juz ajaxem w div wladować plik img.php a w nim <img src="url">....
próbowałem też $.load.... ale tez nie dziala

dziala tylko jak reczne odświeżenie strony ale to mnie nie interesuję.

Strona ma się nie przeladowywać.. to ma byc płynnie ...

PS moze jakos czysci cache przed wyswetleniem obrazka w pliku img.php\

PS 2

a tu kod js - smarty
  1.  
  2. function sub()
  3. {
  4.  
  5. var x1 = $('#x1').val();
  6. var y1 = $('#y1').val();
  7. var x2 = $('#x2').val();
  8. var y2 = $('#y2').val();
  9. var w = $('#w').val();
  10. var h = $('#h').val();
  11. var d = '?act=1&r={/literal}{$GET.r}&name={$GET.name}&file={$GET.file}&r=1&parent={$GET.parent}&id={$GET.id}{literal}';
  12.  
  13. ajaxpage('crop.php'+d+'&x1='+x1+'&x2='+x2+'&y1='+y1+'&y2='+y2+'&w='+w+'&h='+h+'','obecna2');
  14.  
  15. //$('#greatphoto').attr('src', '../../upload/{/literal}{$GET.name}/small/{$GET.r}/{$GET.file}{literal}');
  16.  
  17.  
  18. return;
  19.  
  20.  
  21. }

Kemsan
http://jqueryfordesigners.com/image-loading/
acztery
nie działa to też ładuje obrazek jeszcze z przed cropowania a jak odsweze recznie to juz widze nowy ...

  1. function sub()
  2. {
  3.  
  4. var x1 = $('#x1').val();
  5. var y1 = $('#y1').val();
  6. var x2 = $('#x2').val();
  7. var y2 = $('#y2').val();
  8. var w = $('#w').val();
  9. var h = $('#h').val();
  10. var d = '?act=1&r={/literal}{$GET.r}&name={$GET.name}&file={$GET.file}&r=1&parent={$GET.parent}&id={$GET.id}{literal}';
  11.  
  12. ajaxpage('crop.php'+d+'&x1='+x1+'&x2='+x2+'&y1='+y1+'&y2='+y2+'&w='+w+'&h='+h+'','obecna2');
  13.  
  14.  
  15. $(function () {
  16. var img = new Image();
  17.  
  18. // wrap our new image in jQuery, then:
  19. $(img)
  20. // once the image has loaded, execute this code
  21. .load(function () {
  22. // set the image hidden by default
  23. $(this).hide();
  24.  
  25. // with the holding div #loader, apply:
  26. $('#loader')
  27. // remove the loading class (so no background spinner),
  28. // then insert our image
  29. .append(this);
  30.  
  31. // fade our image in to create a nice effect
  32. $(this).fadeIn();
  33. })
  34.  
  35.  
  36.  
  37. // *finally*, set the src attribute of the new image to our image
  38. .attr('src', '../../upload/{/literal}{$GET.name}/small/{$GET.r}/{$GET.file}{literal}');
  39. });
  40.  
  41.  
  42.  
  43.  
  44. return;
  45.  
  46.  

zegarek84
dodaj timestap do adresu obrazka by wczytać nowy a nie kożystać z cache przeglądarki...
acztery
dzieki laduje do div plik img.php a w nim mam:

  1. header('Pragma: public');
  2. header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
  3. header('Cache-Control: no-store, no-cache, must-revalidate');
  4. echo '<img src="../../upload/'.$_GET['name'].'/small/'.$_GET['r'].'/'.$_GET['file'].'?'.time().'" id="thumbnail" alt="Obraz oryginalny" />';


i śmiga dzieki
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-2025 Invision Power Services, Inc.