Meilleure façon d'afficher les prévisualisations d'images avant le téléchargement dans les rails & amp; onde porteuse

J'ai été à l'aide de rails depuis quelques jours et je voulais savoir quelle est la meilleure façon d'afficher les aperçus d'images avant de les télécharger dans les rails & carrierwave.

Je suis tombé sur quelques options comme l'utilisation de plupload ou jquery file upload ou à l'aide de uploadify.

source d'informationauteur random | 2012-07-14

  1. 14

    Si vous avez seulement besoin d'aperçu de l'image dans un formulaire avant de télécharger, vous (comme moi) de voir que JQuery Télécharger le plugin est tout simplement trop complexe et pas si facile à exécuter correctement (j'ai pu voir l'aperçu, mais alors je ne pouvais pas télécharger l'image).

    http://saravani.wordpress.com/2012/03/14/preview-of-an-image-before-it-is-uploaded/

    C'est simple et rapide à code.

    Je mets le code ici dans le cas où la source meurt:

    Script:

        <!-- Assume jQuery is loaded -->
    <script>
      function readURL(input) {
        if (input.files && input.files[0]) {
          var reader = new FileReader();

          reader.onload = function (e) {
            $('#img_prev')
              .attr('src', e.target.result)
              .width(150)
              .height(200);
          };

          reader.readAsDataURL(input.files[0]);
        }
      }
    </script>

    Dans le code HTML:

        <!--[if IE]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <body>
      <input type='file' onchange="readURL(this);" />
      <img id="img_prev" src="#" alt="your image" />
    </body>
  2. 4

    Vous pouvez utiliser le plugin jQuery File Upload qui c'est une solution complète, mais si vous avez besoin de quelque chose de moins robuste, vous pouvez également essayer d'utiliser FileReader directement, comme cettede sorte que vous pouvez personnaliser les fonctionnalités de ce que vous avez besoin.

  3. 1

    Selon les documents image_cache est de montrer ce que vous téléchargez.

    <%= f.hidden_field :image_cache %>