Discussion :

[jchevalay54]

Bonsoir,

Je fais actuellement un petit script js qui a pour fonction de me retourner le v�ritable chemin d'un fichier qui a �tait s�lectionner au pr�alable s�lectionn� par un utilisateur gr�ce � un input type files.


pour le moment je recupere un chemin :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
 C:\fakepath\.......

cela n'est pas le bon.

quelqu'un aurais la solution.

[Auteur]

bonsoir,

On ne peut pas r�cup�rer le contenu de l'input file. Que veux-tu faire ?

[jchevalay54]

par exemple l'utilisateur veut uploader une images mais j�aimerais lui afficher dans div en miniature mais sans poster le formulaire. Donc il l'a s�lectionne et hop il la voie en miniature quand il post le formulaire la �a la upload sur mon serveur.

[laurentg2003]

En HTML5 et avec l'extension javaScript c'est possible
vas sur ce lien
http://www.html5rocks.com/en/tutorials/file/dndfiles/
et regarde l'exemple de code :Reading files
�a fonctionne sous firefox pour les autres testes

[jchevalay54]

C'est une bonne piste =) merci je vais regarder cela


Ok cela fonctionne bien mais maintenant j'aimerais le faire avec des video au format avi.

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
 
<style>
  .thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }
</style>
 
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
 
<script>
  function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object
 
    // Loop through the FileList and render image files as thumbnails.
    for (var i = 0, f; f = files[i]; i++) {
 
      // Only process image files.
      if (!f.type.match('video/avi.*')) {
        continue;
      }
 
      var reader = new FileReader();
 
      // Closure to capture the file information.
      reader.onload = (function(theFile) {
        return function(e) {
          // Render thumbnail.
          var span = document.createElement('span');
          span.innerHTML = ['<video class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
          document.getElementById('list').insertBefore(span, null);
        };
      })(f);
 
      // Read in the image file as a data URL.
      reader.readAsDataURL(f);
    }
  }
 
  document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>

donc logiquement cela devrai fonctionner mais �a plante.
une id�e ?

[Auteur]

@laurentg2003 : si j'ai bien compris la documentation l'API FileReader utilise Ajax ?
En lisant le tutoriel j'ai eu la surprise de d�couvrir la balise <output> . Je n'ai trouv� aucune documentation � son sujet, est-ce que tu en sais un peu plus ?