Uploadify show image before upload

Question

I create template for the system that have a image. I want that i will show the image the client uploading before it will upload to the server. Here the template that i do:

<div id="${fileID}" class="uploadify-queue-item">
<div class="cancel">
    <a href="#">cancel upload</a>
</div>
<div class="uploadify-names">
    <span class="fileName">asdasdsd sadsas adsadsasafafs affasfafasfsfaasdasdsa</span>
    <span class="data"></span>
</div>
<div class="uploadify-progress">
    <div class="uploadify-progress-bar"><!--Progress Bar--></div>
</div>
<img class="img" src="image here" width="100" height="75" />

Im also use in multiple and the free version.

Perhaps this thread can be of help: http://stackoverflow.com/questions/19619076/preview-images-before-it-is-uploaded-for-more-than-one-image — display-name-is-missing, May 12 '14 at 17:32
Thank you, but I didn't really understand what is "canvas element" and how to use to help my problem. — user3120926, May 12 '14 at 17:32
Here is an example on how to add image to a canvas element: http://jsfiddle.net/influenztial/qy7h5/ — display-name-is-missing, May 12 '14 at 17:35
Thanks but when I using "onDialogClose" and select the file that not working.. I don't know why — user3120926, May 12 '14 at 18:39

score 0 · Answer 1 · answered May 12 '14 at 17:33

$(function() {
    $("#file_upload").uploadify({
        'swf'             : '/uploadify/uploadify.swf',
        'uploader'        : '/uploadify/uploadify.php',
        'onUploadSuccess' : function(file, data, response) {
            alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
        }
    });
});

Documentation

Uploadify show image before upload

1 Answers1