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

Question

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

0

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

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

user3120926 12 май 2014, в 20:10

Источник

0

Возможно, эта ветка может помочь: stackoverflow.com/questions/19619076/…
display-name-is-missing 12 май 2014, в 17:32
0

Спасибо, но я не совсем понял, что такое «элемент canvas» и как его использовать, чтобы помочь моей проблеме.
user3120926 12 май 2014, в 17:32
0

Вот пример того, как добавить изображение к элементу canvas: jsfiddle.net/influenztial/qy7h5
display-name-is-missing 12 май 2014, в 17:35
0

Спасибо, но когда я использую "onDialogClose" и выбираю файл, который не работает .. Я не знаю почему
user3120926 12 май 2014, в 18:39

Показать ещё 2 комментария

Теги:

javascript

jquery

uploadify

1 ответ

Ещё вопросы

Возможно, эта ветка может помочь: stackoverflow.com/questions/19619076/…
Спасибо, но я не совсем понял, что такое «элемент canvas» и как его использовать, чтобы помочь моей проблеме.
Вот пример того, как добавить изображение к элементу canvas: jsfiddle.net/influenztial/qy7h5
Спасибо, но когда я использую "onDialogClose" и выбираю файл, который не работает .. Я не знаю почему

Diego Vieira · Answer 1 · 2014-05-12T15-51-00.000Z

$(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);
        }
    });
});

Документация