Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,614

    Preview di un solo file per volta

    carissimi
    utilizzo questo script che ho trovato in rete:
    codice:
    <script type="text/javascript">
    $(document).ready(function() {
      if (window.File && window.FileList && window.FileReader) {
        $("#files").on("change", function(e) {
          var files = e.target.files,
            filesLength = files.length;
          for (var i = 0; i < filesLength; i++) {
            var f = files[i]
            var fileReader = new FileReader();
            fileReader.onload = (function(e) {
              var file = e.target;
              $("<span class=\"pip\">" +
                "<img class=\"imageThumb\" src=\"" + e.target.result + "\" title=\"" + file.name + "\"/>" +
                "<br/><span class=\"remove\">Rimuovi immagine</span>" +
                "</span>").insertAfter("#files");
              $(".remove").click(function(){
                $(this).parent(".pip").remove();
              });
             
            });
            fileReader.readAsDataURL(f);
          }
        });
      } else {
        alert("Your browser doesn't support to File API")
      }
    });
    </script>
    <input type="file" id="files" name="files[]" />
    Che per� � impostato per caricare pi� file.
    E' possibile modificarlo che carichi un solo, e caricando un nuovo file va a sostituire quello precedente?
    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,614
    Nessun aiuto?
    Grazie

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    codice:
    fileReader.onload = (function(e) {
    $(".remove").parent(".pip").remove();//<--- riga da aggiungere
              var file = e.target;
              $("<span class=\"pip\">" +
                "<img class=\"imageThumb\" src=\"" + e.target.result + "\" title=\"" + file.name + "\"/>" +
                "<br/><span class=\"remove\">Rimuovi immagine</span>" +
                "</span>").insertAfter("#files");
    $("#files").val('');//<--- riga aggiunta post modifica
              $(".remove").click(function(){
                $(this).parent(".pip").remove();
              });
    Ultima modifica di cavicchiandrea; 16-02-2017 a 12:57

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,614
    Andrea ti ringrazio, funziona alla grande, solo che rimossa l'immagine resta nel campo file il nome dell'ultimo file caricato si potrebbe "pulire" il campo file una volta rimossa l'immagine?
    Grazie ancora
    G.

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Ho modificato il mio precedente messaggio, sempre che funzioni.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,614
    Si funziona ma l'ho dovuto spostare di una linea, cio� l'ho messo dopo:
    codice:
    ....
    $(".remove").click(function(){
                    $("#files").val('');
    ...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.