X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Загрузка изображений и отображение помощью AJAX
Kdes70
Kdes70
Topic Starter сообщение 29.7.2014, 14:14; Ответить: Kdes70
Сообщение #1


Здравствуйте! Нужна помощь специалистов в jquery! пытаюсь реализовать вот такую идею для сайта:

 пять DIV-ов (типа инпут тип file)

<div id="images_block">

<div class="file_block" id="uploads_1"><i class="fa fa-picture-o fa-4x"></i></div>
<div class="file_block" id="uploads_2"><i class="fa fa-picture-o fa-4x"></i></div>
<div class="file_block" id="uploads_3"><i class="fa fa-picture-o fa-4x"></i></div>
<div class="file_block" id="uploads_4"><i class="fa fa-picture-o fa-4x"></i></div>
<div class="file_block" id="uploads_5"><i class="fa fa-picture-o fa-4x"></i></div>

</div>

принимают вот такой вид
Прикрепленное изображение


при нажатии на один из блоков id^=uploads_ вызывается функция ajax загрузки (вернее предзагрузки, загружаться и запись в БД должно происходить потом по нажатию кпопки save )
и при удачной валидации вместо этого div должна появиться привью изображения

и так вот что я имею 

<script type="text/javascript">
var button = $('div[id^=uploads_]'); // кнопка выбираем дивы с атрибутом id который начинается uploads_
var path = '<?=DK_ROOT?>/photo/advert/'; // директория загрузки
var id = $('#adv_id').text(); // id поста


new AjaxUpload(button, {

action: 'ajax/upload.php',
name: 'userfile',
data: {id: id},
onSubmit: function(file, ext){
if(!(ext && /^(jpg|png|jpeg|gif)$/i.test(ext))){
alert("Разрешено загружить только изображения!");
return false;
}
button.text("Загрузка");
this.disable();

},
onComplete: function(file, response){
this.enable();
var res = $.parseJSON(response);
if(res.answer == "OK"){
$(this).html("<img src='" + path + res.file + "' />");
}else{
alert(res.answer);
}
}

});

</script>

 

так вот при таком раскладе только первый div работает как надо а остальные не реагируют, пробовал в самом начале делать через обработчик событий ON и повесить на него click

$('div[id^=uploads_]').on('click', function(){
тут остальной код приведенные выше...
});

то получается как бы, но только при первом нажатии формируется var button = $('div[id^=uploads_]'); а потом надо отвести мышь от данного дива и снова нажать, кароче полная лажа(((

ребят помогите, может кто уже выполнял данную задачу, или может другой плаги нужно для этого

Заранее благодарю за любую оказанную помощь   !!!



Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Раскройте свой потенциал заработка с помощью 2x2 Media Network — вашего пути к выгодным предложениям CPA!
Присоединяйтесь к 2x2 Media Network, вашему надежному партнеру в мире
9 2x2MediaLimited 2802 20.3.2024, 4:33
автор: 2x2MediaLimited
Горячая тема (нет новых ответов) Проверка позиций сайтов в поисковых системах с помощью Positon.ru
Мониторинг продвижения сайтов
182 Positon 178945 23.2.2024, 9:53
автор: Positon
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44767 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) BuxarVideoUploader - Автоматическое скачивание и загрузка видео из любых/ на любые видео хостинги (YouTube, TikTok, Instagram, Facebook, Яндекс Дзен, Вконтакте, Одноклассники, Rutube, Dailymotion, d.tube, Telegram и т.д.
0 BuxarNET 1194 19.7.2023, 5:58
автор: BuxarNET
Открытая тема (нет новых ответов) Продается сайт фотосток ИИ изображений
Хороший вариант!
20 alexey 3213 25.6.2023, 15:28
автор: alexey


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:30
Дизайн