Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][HTML] podglad obrazka przed wyslaniem do formularza
Esc
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 22.03.2005

Ostrzeżenie: (0%)
-----

Kiedys dosc dawno temu pamietam do jakiegos projektu wymodzilem skrypt JS ktory jeszcze przed wyslaniem calego formularza pokazywal plik graficzny ktory chcialem zalaczyc. Teraz chcialem wykorzystac taki bajer ale widze ze z obecnymi przegladarkami cos nie teges. W czym tkwi problem ja juz sie starzeje czy znowu jakies zabezpieczenie ?
Kod mial mniej wiecej taka postac :

[HTML] pobierz, plaintext 
  1.  
  2. <HEAD>
  3. <script type="text/javascript">
  4. var maxWidth=100;
  5. var maxHeight=100;
  6. var fileTypes=["bmp","gif","png","jpg","jpeg"];
  7. var outImage="previewField";
  8. var defaultPic="spacer.gif";
  9.  
  10. function preview(what){
  11.   var source=what.value;
  12.   var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
  13.   for (var i=0; i<fileTypes.length; i++) if (fileTypes[i]==ext) break;
  14.   globalPic=new Image();
  15.   if (i<fileTypes.length) globalPic.src=source;
  16.   else {
  17.     globalPic.src=defaultPic;
  18.     alert("To nie jest poprawny plik graficzny\nProsze wrzucac tylko pliki z rozszerzeniem:\n\n"+fileTypes.join(", "));
  19.   }
  20.   setTimeout("applyChanges()",200);
  21. }
  22. var globalPic;
  23. function applyChanges(){
  24.   var field=document.getElementById(outImage);
  25.   var x=parseInt(globalPic.width);
  26.   var y=parseInt(globalPic.height);
  27.   if (x>maxWidth) {
  28.     y*=maxWidth/x;
  29.     x=maxWidth;
  30.   }
  31.   if (y>maxHeight) {
  32.     x*=maxHeight/y;
  33.     y=maxHeight;
  34.   }
  35.   field.style.display=(x<1 || y<1)?"none":"";
  36.   field.src=globalPic.src;
  37.   field.width=x;
  38.   field.height=y;
  39. }
  40. </script>
  41. </HEAD>
  42.  
  43.  
  44. <BODY>
  45.  
  46. <div align="center" style="line-height: 1.9em;">
  47. <input type="file" id="picField" onchange="preview(this)">
  48. <br>
  49. <img id="previewField" src="spacer.gif">
  50. </div>
[HTML] pobierz, plaintext


--------------------
Pozdrawiam
Esc
---
a takie tam pierdoly
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 01:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn