上传前上传显示图片

时间:2014-05-12 17:25:49

标签: javascript jquery uploadify

我为拥有图像的系统创建模板。 我希望我会在客户端上传到服务器之前显示该图像。 这是我做的模板:

<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" />

我也使用多个和免费版本。

1 个答案:

答案 0 :(得分:0)

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