Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak zrobić upload zdjęć żeby od razu były widoczne na stronie
Forum PHP.pl > Forum > Przedszkole
darkowski
29.02.2008, 10:03:39
Witam wszystkich
Chciałbym się dowiedzieć jak trzeba zrobić upload zdjęć na strone żeby jak ktoś doda zdjęcie żeby od razu je widział na stronie. Bo ja mam upload plików ale one się tylko zapisują na srwerze no i też nie moge tychplików przerzucić na dysk lokalny i też nie wiem czemu
specialplan
29.02.2008, 10:20:25
Po prostu wyswietl to zdjecie zaraz po uploadowaniu, podajac sciezke do niego...
darkowski
29.02.2008, 10:24:25
Ale żyby od razu było widoczne a nie że ja najpierw musze je dodać do galeri podającjego ścieżke
specialplan
29.02.2008, 10:38:27
Nie za bardzo rozumiem o co Ci chodzi. Aby wyswietlic obrazek, musisz go najpierw uploadowac. Jesli np obrazki trzymasz w folderze /moje_obrazki/, to po uploadowaniu do tego folderu po prostu z niego wyswietlasz...

[PHP] pobierz, plaintext 
  1. <?php
  2. // tutaj kod uploadu
  3.  
  4. // jesli sukces, wyswietl
  5.  
  6. echo '<img src="/moje_obrazki/'.$nazwa_obrazka.'" alt="" />';
  7. ?>
[PHP] pobierz, plaintext
darkowski
29.02.2008, 10:51:12
Ja mam takie kody

upload.php
[PHP] pobierz, plaintext 
  1. <?php
  2. echo '<?xml version="1.0" encoding="iso-8859-2"?>'; 
  3. ?> 
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
  5. transitional.dtd"> 
  6. <html> 
  7. <head> 
  8. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
  9. <title>Upload</title> 
  10. <style type="text/css">
  11. <!--
  12. body {
  13. 	background-color: #CCCCCC;
  14. }
  15. a:link {
  16. 	color: #000000;
  17. 	text-decoration: none;
  18. }
  19. a:visited {
  20. 	color: #000000;
  21. 	text-decoration: none;
  22. }
  23. a:hover {
  24. 	color: #FF0000;
  25. 	text-decoration: none;
  26. }
  27. a:active {
  28. 	color: #FF0000;
  29. 	text-decoration: none;
  30. }
  31. .style1 {
  32. 	font-size: 18px;
  33. 	font-weight: bold;
  34. }
  35. .style2 {font-size: 24px}
  36. .style3 {
  37. 	color: #FF0000;
  38. 	font-weight: bold;
  39. }
  40. -->
  41. </style></head> 
  42. <body> 
  43.  
  44. <div> 
  45. <form enctype="multipart/form-data" action="upload2.php" method="POST"> 
  46.   <div align="center">
  47. 	<p><strong>Jeżeli chcesz zmienić lub dodać swoje zdjęcie wyślij plik ze zdjęciem i najle
    piej, żeby zdjęcie miało nazwe Twojego imienia/ksywy, żeby łatwiej było rozpoznać, kto wysłał i kogo mam zmienić. </strong></p>
  48. 	<p class="style3">Plik nie może być większy niż 5mb.</p>
  49. 	<p>
  50. 	  <input type="hidden" name="MAX_FILE_SIZE" value="500000" /> 
  51. 	  <input name="plik" type="file" /> 
  52. 	  <input type="submit" value="Wyślij plik" /> 
  53. 	  </p>
  54.   </div>
  55. </form> 
  56. </div> 
  57. <div align="center" class="style1"><a href="javascript:history.back();" class="style2">Wstecz</A></div>
  58. <meta http-equiv="Pragma" content="no-cache" />
[PHP] pobierz, plaintext


upload2.php
[PHP] pobierz, plaintext 
  1. <style type="text/css">
  2. <!--
  3. body {
  4. 	background-color: #CCCCCC;
  5. }
  6. a:link {
  7. 	color: #000000;
  8. 	text-decoration: none;
  9. }
  10. a:visited {
  11. 	color: #000000;
  12. 	text-decoration: none;
  13. }
  14. a:hover {
  15. 	color: #FF0000;
  16. 	text-decoration: none;
  17. }
  18. a:active {
  19. 	color: #FF0000;
  20. 	text-decoration: none;
  21. }
  22. body,td,th {
  23. 	font-size: 18px;
  24. 	font-weight: bold;
  25. }
  26. a {
  27. 	font-size: 24px;
  28. }
  29. -->
  30. </style>
  31. <p>&nbsp;</p>
  32. <div align="center">
  33.   <p>
  34. 	<?php 
  35. $plik_tmp = $_FILES['plik']['tmp_name']; 
  36. $plik_nazwa = $_FILES['plik']['name']; 
  37. $plik_rozmiar = $_FILES['plik']['size']; 
  38.  
  39. if(is_uploaded_file($plik_tmp)) { 
  40. 	 move_uploaded_file($plik_tmp, "upload/$plik_nazwa"); 
  41. 	echo "Plik: <strong>$plik_nazwa</strong> o rozmiarze 
  42. 	<strong>$plik_rozmiar bajtów</strong> zostal przeslany na serwer!";
  43.  
  44. } 
  45. ?> 
  46. 	</body> 
  47. 	</html>
  48.   </p>
  49.   <p><a href="javascript:history.back();">Wstecz</A></p>
  50. </div>
  51. <meta http-equiv="Pragma" content="no-cache" />
[PHP] pobierz, plaintext


A chciałbym żeby zdjęcia były widoczne na www.niedojeby.republika.pl/rozne.html
no to jak mam to zrobić?
specialplan
29.02.2008, 10:54:42
A jak teraz wyswietlasz te zdjecia w rozne.html?
darkowski
29.02.2008, 10:58:00
Normalnie one są na serwerze dodałem je przez program do robienia stron
erugio
29.02.2008, 11:16:38
Cytat
echo "<center> <img src='upload/$plik_nazwa'><BR>Plik: <strong>$plik_nazwa</strong> o rozmiarze
<strong>$plik_rozmiar bajtów</strong> zostal przeslany na serwer!</center>";


No i wyświetli Ci fote zaraz po załadowaniu na serwer.

A żeby wyświetlał w różna.html, dodaj taki kod:

Kod
$open = fopen("rozne.html", "a+");
fwrite($open, "<BR><img src='upload/$plik_nazwa'>");
fclose($open);


Dopisuje do strony rozne.html, zdjęcie które uploadowałeś. Pamiętaj, żeby nadać atrybut 666 dla pliku "rozne.html";
darkowski
29.02.2008, 11:25:37
A jak zrobić żeby zapisywał na strone miniatura a po kliknięciu w zdjęcie je powiększał?
Maciekbjw
29.02.2008, 11:31:10
No to co za problem, użyj bilbioteki GD, w Internecie jest dużo tutoriali dotyczących tworzenia miniaturek.
Moja rada: stwórz sobie bazę danych i w niej zapisuj nazwy wyświetlanych obrazków i później na stronie po prostu pobieraj rekordy i je wyświetlaj.

Miniatury: http://compzone.org/art-Generowanie+miniatur+w+PHP-2.html
erugio
29.02.2008, 11:32:13
Jeśli nie znasz PHP i MySQL to lepiej użyj tego kodu, ale to wszystko jest w google.pl

Cytat
$open = fopen("rozne.html", "a+");
fwrite($open, "<BR><a href='upload/$plik_nazwa'><img src='upload/$plik_nazwa' border='0' weight='50' height='50'></a>");
fclose($open);


Oczywiście rozmiar miniaturki sobie regulujesz w weight='X' i height='X'
darkowski
29.02.2008, 11:42:01
A jak wtedy będą wyświetlane te miniaturki jedna pods drugą czy obok siebie?
darkowski
4.03.2008, 10:43:55
Zrobiłem i działa wspaniale tylko jak zrobić żeby zdjęcia dodane były wyświetlane obok siebie z jakimś minimalnym odstępem bo teraz jak się dodaje to one są jeden pod drugim i bez żadnych odległości od siebie
b_chmura
4.03.2008, 12:00:49
poczytaj kursy, brak Ci podstaw.
darkowski
6.03.2008, 07:53:18
Wiem że brak mi podstaw ale to chyba nie znaczy że nie możesz mi pomóc(-:
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.