Загрузить изображение перед загрузкой

Question

Я создаю шаблон для системы, у которой есть изображение. Я хочу, чтобы я показал изображение, загружаемое клиентом, прежде чем оно будет загружено на сервер. Вот шаблон, который я делаю:

<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 также использовать в многокорпусных и бесплатной версии.

Answer 1

$(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