Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wczytanie do pola FILE
Forum PHP.pl > Forum > Przedszkole
toni22
4.08.2005, 17:15:20
Witam mam mały problem.
Mam juz działający skrypt....

U góry skrypty JS
[HTML] pobierz, plaintext 
  1. <script> 
  2. <!-- 
  3. function displayWindow(url, width, height) { 
  4. var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no,location=no' ); 
  5. } 
  6. //--> 
  7. </SCRIPT> 
  8.  
  9.  
  10.  
  11.  
  12. 		<script language=JavaScript>
  13.  
  14.  
  15.  
  16. 	var thumbnailSize = 340;
  17.  
  18. 	function imageChange(image,file) {
  19.     	imgObj = new Image();
  20.     	imgObj.onload = function() {
  21.       		w = this.width; h = this.height; t = document.getElementById(image);
  22.       		if (w > thumbnailSize || h > thumbnailSize)
  23.       		if (w > h) {
  24.           		h = Math.round(h * thumbnailSize / w);
  25.           		w = thumbnailSize;
  26.       		} else {
  27.           		w = Math.round(w * thumbnailSize / h);
  28.           		h = thumbnailSize;
  29.       		}
  30.       		with (t.style) {
  31.           		width = w+'px';
  32.           		height = h+'px';
  33.           		display = 'inline';
  34.       		}
  35.       		t.src = "file://" + document.getElementById(file).value;
  36.     	};
  37.     	imgObj.onerror = function() {
  38.       		document.getElementById(image).style.display = 'none';
  39.     	};
  40.     	imgObj.src = "file://" + document.getElementById(file).value;
  41. 	}	
  42.  
  43. 	function updateObjects(image,file) {
  44.      	inputObj = document.getElementById(file);
  45.     	if (document.all) 
  46. inputObj.onchange = function() { imageChange(image,file) }; 
  47. 		else inputObj.onclick = function() { imageChange(image,file) };
  48. 	}	
  49.  
  50.  
  51.  
  52.  
  53. function kasuj(image) {
  54.      document.getElementById(image).style.display = 'none';
  55.  
  56.    document.getElementById('plikfotka1').innerHTML 
  57.   = document.getElementById('plikfotka1').innerHTML; 
  58.   updateObjects('obrazek1','zdjecie'); 
  59.  }
  60.  
  61.  function kasuj2(image) {
  62.      document.getElementById(image).style.display = 'none';
  63.    document.getElementById('plikfotka2').innerHTML 
  64.   = document.getElementById('plikfotka2').innerHTML;
  65.   updateObjects('obrazek2','zdjecie2');
  66.  }
  67.  
  68.  function kasuj3(image) {
  69.      document.getElementById(image).style.display = 'none';
  70.    document.getElementById('plikfotka3').innerHTML 
  71.   = document.getElementById('plikfotka3').innerHTML;
  72.   updateObjects('obrazek3','zdjecie3');
  73.  }
  74.  function kasuj4(image) {
  75.      document.getElementById(image).style.display = 'none';
  76.   document.getElementById('plikfotka4').innerHTML 
  77.   = document.getElementById('plikfotka4').innerHTML;
  78.  updateObjects('obrazek4','zdjecie4');
  79.  
  80. }
  81.  
  82. function obrazki(){
  83. 	updateObjects('obrazek1','zdjecie');
  84. 	updateObjects('obrazek2','zdjecie2');
  85. 	updateObjects('obrazek3','zdjecie3');
  86. 	updateObjects('obrazek4','zdjecie4');
  87. }
  88. 	</SCRIPT>	
  89.  
  90. </head>
  91. <link href="styl.css" rel="Stylesheet" type="text/css">
  92.  
  93. <body bgcolor="#DCCFB9" topmargin="0" bottommargin="0" leftmargin="0" onload="obrazki();">
[HTML] pobierz, plaintext


poniżej pola typu FILE

[HTML] pobierz, plaintext 
  1. <p><font face=arial size=4>Zdjęcie:</fotn><br>
  2. <br>
  3. <SPAN id=plikfotka1><INPUT type=file size=40 name='zdjecie'><BR></SPAN>
  4. <br><center><IMG id=obrazek1 style="DISPLAY: none" style="{border : 1px solid black;}"> </center><br>
  5. <INPUT class=button onclick="kasuj('obrazek1')" type=button value=wyczyść name=cos> 
  6.  
  7.  
  8. <hr>
  9. <p><font face=arial size=4>Zdjęcie 2:</fotn><br>
  10. <br>
  11. <SPAN id=plikfotka2><INPUT type=file size=40 name='zdjecie2'><BR></SPAN>
  12. <br><center><IMG id=obrazek2 style="DISPLAY: none" style="{border : 1px solid black;}"></center><br>
  13. <INPUT class=button onclick="kasuj2('obrazek2')" type=button value=wyczyść name=cos> 
  14.  
  15. <hr>
  16. <p><font face=arial size=4>Zdjęcie3:</fotn><br>
  17. <br>
  18. <SPAN id=plikfotka3><INPUT type=file size=40 name='zdjecie3'><BR></SPAN>
  19. <br><center><IMG id=obrazek3 style="DISPLAY: none" style="{border : 1px solid black;}"> </center><br>
  20. <INPUT class=button onclick="kasuj3('obrazek3')" type=button value=wyczyść name=cos>
  21.  
  22. <hr>
  23. <p><font face=arial size=4>Zdjęcie4:</fotn><br>
  24. <br>
  25. <SPAN id=plikfotka4><INPUT type=file size=40 name='zdjecie4'><BR></SPAN>
  26. <br><center><IMG id=obrazek4 style="DISPLAY: none" style="{border : 1px solid black;}"> </center><br>
  27. <INPUT class=button onclick="kasuj4('obrazek4')" type=button value=wyczyść name=cos>
[HTML] pobierz, plaintext



Jak widać wrzucone sa do pola File ścieżki ze zdjęciami, wyświetlane odrazu miniaturki pod polami z opcjami kasuj zdjęcię itp.
Tutaj wszystko ładnie działa.
A problem w tym że niepotrafię przerobić tego skryptu na język php, żeby było na odwrót... czyli:
klikam w np.w ogłoszenie z jakimś tam ID, poczym wybierane sa informacje z bazy gdzie leży(ą) te zdjęcie(a) i wyświetlane tak jak w tym skrypcie pod polami File.
Kombinuję z tym juz dłuższy czas ale bez efektów sad.gif
Jak ktoś by miał pomysł to prosze napić, z góry dziękuję.
Pozdrawiam
orson
5.08.2005, 17:51:45
witam ...

nie możesz nadać wartości (przypisać value) polu typu file
http://www.faqts.com/knowledge_base/view.p...aid/913/fid/177

pozdrawiam
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.