Я создаю загрузчик изображений профиля, используя dropzone.js, и я как бы скопировал макет offered by Facebook, но то, что я хочу, это когда вы бросаете изображение, он заменяет содержимое внутри dropzone.Изменить Dropzone: Показать загруженное изображение в другом div
Мой демо до сих пор:
Мой код до сих пор:
Dropzone.options.employeeImageDropzone = {
maxFiles: 1,
acceptedFiles: 'image/*',
addRemoveLinks: true,
dictDefaultMessage: '<strong>Upload a Photo</strong><br/><small class="muted">From your computer</small>',
paramName : 'empImage',
init: function() {
this.on("success", function(file, responseText) {
$('#nextStep').html('<a href="<?php echo 'employee?id='.$empID.'&step=3'; ?>" class="button form-button">Next</a>').css('display','block');
});
this.on("removedfile", function (file) {
$.get("upload-image.php", {id: <?php echo $empID; ?>, get: "1"}).done(function(data) {});
});
}
};
Так что я хотел бы, когда изображение загрузки, текст " Загрузить фотографию с вашего компьютера »заменяется индикатором выполнения, а затем, как только загрузка завершена, предварительный просмотр миниатюр переходит в div, что c В настоящее время в нем есть DP (это div, а не изображение), а затем заменить индикатор выполнения кнопкой «удалить», которая при нажатии приведет к удалению изображения из предварительного просмотра (слева) и сбросу dropzone для запуска еще раз.
Где я застреваю - это ход загрузки, предварительный просмотр изображения и сброс части. Я не уверен, какие функции использовать, а документация на сайте фактически не показывает, что возвращает каждая из этих функций или как их использовать.
У меня есть форма работать, и это делает то, что мне это нужно, чтобы это просто форматирование и стиль мне нужна помощь :)