upload with multiple image preview
<p>I am using this source: <a href="http://opoloo.github.io/jquery_upload_preview/" rel="nofollow">http://opoloo.github.io/jquery_upload_preview/</a>
until now, I can upload one image with preview.</p>

<pre><code>&lt;style type="text/css"&gt;
.image-preview {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ecf0f1;
}
input[type="file"] {
    line-height: 200px;
    font-size: 200px;
    position: absolute;
    opacity: 0;
    z-index: 10;
}
  label {
    position: absolute;
    z-index: 5;
    opacity: 0.7;
    cursor: pointer;
    background-color: #bdc3c7;
    width: 200px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
  }

&lt;/style&gt;

&lt;script type="text/javascript"&gt;
$(document).ready(function() {

    $("image-preview").each(
        function(){
                $.uploadPreview({
                    input_field: $(this).find(".image-upload"),
                    preview_box: this,
                    label_field: $(this).find(".image-label")
                });
        }
    );
});
&lt;/script&gt;
&lt;!--| catatan penting: yang penting action="" &amp; input type="file" name="image" |--&gt;
&lt;form action="upload.php" method="POST" enctype="multipart/form-data"&gt;
    &lt;div class="image-preview"&gt;
        &lt;label for="image-upload" class="image-label"&gt;+ GAMBAR&lt;/label&gt;
        &lt;input type="file" name="my_field[]" class="image-upload" /&gt;
    &lt;/div&gt;
    &lt;div class="image-preview"&gt;
        &lt;label for="image-upload" class="image-label"&gt;+ GAMBAR&lt;/label&gt;
        &lt;input type="file" name="my_field[]" class="image-upload" /&gt;
    &lt;/div&gt;
    &lt;input type="submit"/&gt;
&lt;/form&gt;
</code></pre>

<p>then try to add more div class image preview, i want add another button with image preview. <strong>i don't want multiple upload with one button.</strong></p>

<p><code>$(document).ready(function() {$.uploadPreview</code> => use id, of course when change to class and add more div, when upload a button, another button will change. i am confused with the logic. Anyone can help? maybe using array but, i don't know how.. </p>