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 ?