Forum PHP.pl

Witajcie,

Z formularza otwieram plik w nowym oknie:

[HTML] pobierz, plaintext 
<form name="newUserPhotoForm" target="CropWindow" onsubmit="window.open('about:blank','CropWindow', 'width=800,height=600,scrollbars=yes,status=no'); return true;" action="PhotoCrop.php" enctype="multipart/form-data" method="post">
		<input type="file" name="file"/>
		<input type="submit" name="upload" value="Upload" />
		<img src=  />
		<input type="text" name="tmpUploadedFileName"/>
		<input type="hidden" name="MAX_FILE_SIZE" value="500000" />
</form>
[HTML] pobierz, plaintext 

W popupie wycinam kawałek zdjęcia, który zostaje zapisany na serwerze pod jakąś nazwą tymczasową i popup się zamyka.

window.opener.document.newUserPhotoForm.tmpUploadedFileName.value = tmpFilePath;

W polu tekstowym owszem wyświetla się nazwa zapisanego nowego pliku, ale jak są wpakować do img src?

Z góry dzięki za pomoc.

Np tak:

[HTML] pobierz, plaintext 
window.opener.document.newUserPhotoForm.getElementsByTagName('img')[0].src = tmpFilePath;
[HTML] pobierz, plaintext 

Spróbowałem - ale skrypt nie wykonuje się poprawnie.

Próbowałem też:

[HTML] pobierz, plaintext 
<img name="tmpUploadedFilePath" />
[HTML] pobierz, plaintext 

i później:

window.opener.document.newUserPhotoForm.tmpUploadedFilePath.scr = tmpFilePath;

ale też nie działa zgodnie z oczekiwaniem.

Co dokladnie sie dzieje? Blad .js czy obrazek znika? Co konkretnie zawiera zmienna tmpFilePath?

tmpFilePath to string ze sciezka do pliku - generuje sie poprawnie bo wyswietlam go na tym samym formularzu w textboxie.

wywala sie skrypt - jak zakomentuje tę nową linijkę to skrypt działa poprawnie (oczywiscie oprocz tego ze nie pokazuje sie obrazek na formularzu).

Ustaw id dla <img>, np.:

[HTML] pobierz, plaintext 
<img id="myThumbnail" src="blank.gif" />
[HTML] pobierz, plaintext 

A nastepnie:

[HTML] pobierz, plaintext 
window.opener.document.getElementById('myThumbnail').src = tmpFilePath;
[HTML] pobierz, plaintext 

Też tak próbowałem:

<img id="tmpUploadedFilePath" src="../photo/aaa.gif"/>

window.opener.document.newUserPhotoForm.getElementById('tmpUploadedFilePath').src = tmpFilePath;

efekt ten sam Dlatego też pytałem bo już mi ręce opadają Bez tej linijki JSa wszystko działa....

Miedzy

[HTML] pobierz, plaintext 
window.opener.document.newUserPhotoForm.getElementById('tmpUploadedFilePath').src = tmpFilePath;
[HTML] pobierz, plaintext 

a

[HTML] pobierz, plaintext 
window.opener.document.getElementById('tmpUploadedFilePath').src = tmpFilePath;
[HTML] pobierz, plaintext 

jest duza roznica

(getElementById() jest metoda dokumentu)

Edit: i jeszcze pytanie: jakiej przegladarki uzywasz? Konsola js wbudowana w Firefox powinna wystarczyc do zdebugowania tego typu problemu

Ten post edytował gulldarek 29.04.2009, 22:20:47

Działa... ale nie do końca - tzn skrypt się wykonuje ale nie zmienia się źródło fotki. Początkowy obrazek znika, a nowy się nie pojawia - ścieżka jest na 100% dobra.

Próbowałem tak:

var tmp = window.opener.document.getElementById('tmpUploadedFilePath');
tmp.setAttribute('src',tmpFilePath);

ale nie działa

PS - jak debugować ten błąd w FF o ktorym pisaliśmy?

Ten post edytował zaiac 29.04.2009, 22:51:38

ściągnij sobie dodatek do firefoxa Firebug

Ok dzięki.

A czy ktoś jest w stanie pomóc mi w sprawie niezmieniającego się zdjęcia?

Masz to online? Ew. czy możesz dać online?

Ten post edytował lord_t 30.04.2009, 20:13:41

Niestety pracuje na razie tylko lokalnie - kod nie wystarczy?

[HTML] pobierz, plaintext 
<form name="newUserPhotoForm" target="CropWindow" onsubmit="window.open('about:blank','CropWindow', 'width=800,height=600,scrollbars=yes,status=no'); return true;" action="PhotoCrop.php" enctype="multipart/form-data" method="post">
		<input type="file" name="file"/>
		<input type="submit" name="upload" value="Zmień" /><br />
		<img id="newUserPhoto" src="../photo/blank.gif"/><br />
		<input type="text" name="tmpUploadedFileName"/>
		<input type="hidden" name="MAX_FILE_SIZE" value="500000" />
	</form>
[HTML] pobierz, plaintext 

JS który powinien zmienić fotkę:

[PHP] pobierz, plaintext 
<?php
function aaa(tmpFileName){
tmpFilePath = '../photo/photo_tmp/' + tmpFileName;
window.opener.document.newUserPhotoForm.tmpUploadedFileName.value = tmpFilePath;
        
var tmp = window.opener.document.getElementById('newUserPhoto');
tmp.setAttribute('src',tmpFilePath);
                
window.close();
return true;
}
?>
[PHP] pobierz, plaintext 

W Firebugu na podglądzie widzę że ścieżka się zmieniła, ale w kodzie strony nadal jest src="../photo/blank.gif" no i obraz dopiero odświeża się wtedy jak kliknałem na obrazku prawym przyciskiem i dałem

window.opener.location.reload(); też nie działa tak jakbym chciał - odświeża cała stronę i powoduje wyświetlenie blank.gif

jakieś pomysły?

Ten post edytował zaiac 3.05.2009, 12:50:46