savoir la taille d'une image a partir de son url

**kiranis** · 02/08/2007, 22h31

Bonsoir, est ce qu'il y a une fonction en javascript qui permet de savoir la taille d'une image et qui prend comme parametre l'url de cette image dans le disque dure.
je ne connais rien en javascript mais j'ai vraiment besoin d'une solution c'est urgen et merci d'avance

**SpaceFrog** · 03/08/2007, 08h52

quand le disque dure ... c'est que la chanson est longue ???

non il n'y a pas d'instruction qui permette de connaitre la taille d'une image.
Encore faut il savoir de quelle taille tu parles ... hauteur largeur ou Ko ?

Tu peus toujours ouvrir une popup avec pour cible l'image, mais si c'est la taille en Ko il n'y a qu'IE qui te retournera quelquechose avec fileSize

**kiranis** · 03/08/2007, 16h18

ce que je veut exactement c'est verivifier l'existance de l'image dans l'url ecrit dans un champs de formulaire avant de l'envoyer

**SpaceFrog** · 03/08/2007, 16h29

ben comme ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type='file' style="width:0px;" onchange="document.getElementById('truefile').value=this.value" )/>
<input type='hidden' id='truefile' />

au moins dasn truefile tu auras le nom d'un fichier qui existe ...
sauf si l'utilisateur l'efface entre le moment ou il saisit et celui ou il envoie ... mais bon faut être tordu

**Christophe P.** · 03/08/2007, 16h30

Si l'image n'existe pas, son url devrait renvoyer une erreur 404 et non pas une image de taille 0.

**kiranis** · 03/08/2007, 16h47

excusez moi mais j'ai pas bien compris votre code et meme le boutton submit ne fonctionne plus voila mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mise a jour</title>
 <script language="JavaScript">
function envoie(form1) {
if ( (document.getElementById('nom').value.length>0)
&&(document.getElementById('date').value.length>0)
&&(document.getElementById('categorie').value.length>0)
&&(document.getElementById('type').value.length>0)
&&(document.getElementById('url').value.length>0)
 ){ 
 form1.submit();
 } else
alert('Vous Avez Oublier de Remplir Des Champs Obligatoires !!');
}
-->
</script>
<style type="text/css">
<!--
.style1 {
	color: #3333FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
}
.style5 {font-family: "Courier New", Courier, monospace; font-size: 18px; font-weight: bold; }
-->
</style>
</head>
 
<body>
<form action="enregistrement.php" method="post" id="form1" name="form1" >
<table width="1021" height="500" border="0">
  <tr>
    <td height="90"><div align="center" class="style1">Mise A Jour </div></td>
  </tr>
  <tr>
    <td height="396"><div align="center">
      <table width="861" height="299" border="0">
        <tr>
          <td width="352"><div align="center" class="style5">Nom :</div></td>
          <td width="493"><div align="center">
              <label>
                <input type="text" size="30" name="nom" id="nom" value="" />
                </label>
 
            </div></td>
        </tr>
        <tr>
          <td><div align="center" class="style5">Date : </div></td>
          <td><div align="center">
              <label>
                <input type="text" name="date" id="date" value="0000-00-00" />
                </label>
            </div></td>
        </tr>
        <tr>
          <td><div align="center" class="style5">Categorie : </div></td>
          <td><div align="center">
              <label>
                <select name="categorie" id="categorie" value="">
                <option selected >--Selectionner Categorie --</option>
				<option value="Hotesse" >Hotesse</option>
                <option value="Cliente" >Cliente</option>
                <option value="Promotion" >Promotion</option>
				</select>
                </label>
            </div></td>
        </tr>
        <tr>
          <td><div align="center" class="style5">Type : </div></td>
          <td><div align="center">
            <select name="type" id="type" value="">
              <option selected="selected" >--Selectionner Type --</option>
              <option value="icone" >icone</option>
              <option value="image" >image</option>
            </select>
          </div></td>
        </tr>
        <tr>
          <td><div align="center" class="style5">URL Image : </div></td>
          <td><div align="center">
              <label>
                <input type='file' style="width:0px;" onchange="document.getElementById('truefile').value=this.value" )/>
<input type='hidden' id='truefile' />
                </label>
            </div></td>
        </tr>
      </table>
	  <table width="200" border="0" align="center">
        <tr>
          <td height="45"><label>
            <div align="center">
              <input type="Button" name="Envoyer" value="Envoyer" onClick= "envoie(this.form)"/>
              </div>
          </label></td>
          <td><label>
            <div align="center">
              <input name="reset" type="reset" id="reset" value="Reset" />
              </div>
          </label></td>
        </tr>
      </table>
	  <p>&nbsp;</p>
    </div>
	  </td>
      <p>&nbsp;</p>
 
    </td>
  </tr>
</table>
</form>
</body>
</html>

et merci beaucoup pour votre aide

**SpaceFrog** · 03/08/2007, 17h11

bon alors pour commencer

les deux inputs tu évites de les mettre dans un label !!!! les labels sont destinés à faire réagir des légendes de radios ou de checkboxes de sotre à cocker le radio ou le check lorsque le texte est clické ...

ensuite si le submit ne fonctionne pas le problème est ailleurs ...

par exemple faut peut être lui coller un name à true file ...bein que
$POST['truefile'] devrait te retourner quelquechose avec l'id ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type='file' style="width:0px;" onchange="document.getElementById('truefile').value=this.value" )/>
<input type='hidden' id='truefile' name='truefile' />

**kiranis** · 03/08/2007, 17h48

merci encore ça a marché

savoir la taille d'une image a partir de son url

JavaScript

Discussions similaires

Partager

Partager