Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.94/18: Рейтинг темы: голосов - 18, средняя оценка - 4.94
0 / 0 / 2
Регистрация: 15.08.2012
Сообщений: 102
1

Выбор изображений для загрузки и их превью

02.07.2013, 16:16. Просмотров 3269. Ответов 1
Метки нет (Все метки)


Недавно решил перейти на multiple input file, но после этого возникли проблемы со скриптом.
До этого использовал несколько input file с разным id поэтому было легче.
Суть идеи:
1. Пользователь выбирает фотографию (фотографии) в multiple input file
2. Эта фотография (фотографии) с помощью скрипта генерируется в data: url ссылку
3. Показываем каждую фотографию с помощью data: url ссылки и под каждой из них отражаем кнопку отправки этого изображения, которая ajax-ом направляет каждую фотографию на страницу обработки (processupload.php).
P.S. Максимальное количество изображений - 8, а максимальный размер каждого изображения 5 мб
Пример работы http://blueimp.github.io/jQuer... -plus.html

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//data: url генератор
$(function() {
function image_1(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            
            reader.onload = function (e) {
                $('#check').removeAttr('src').attr('src', e.target.result);
            }
            
            reader.readAsDataURL(input.files[0]);
        }
    }
    
    $("#image_1").change(function(){
        image_1(this);
    });
 });
Это часть скрипта который я использовал

Помогите корректно написать скрипт для моей задачи

Добавлено через 21 час 27 минут
Цитата Сообщение от MarkoPolo Посмотреть сообщение
и под каждой из них отражаем кнопку отправки этого изображения, которая ajax-ом направляет каждую фотографию на страницу обработки (processupload.php).
Если в этом проблема то помогите хоть переделать мой скрипт под multiple input, а submit я оставлю один
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.07.2013, 16:16
Ответы с готовыми решениями:

Загрузчик изображений с превью на HTML5. Превью без загрузки
Здравствуйте, уважаемые! Есть острая необходимость создать на сайте возможность загружать...

Превью изображений
Как правильно уменьшить изображения в html по минимуму прибегая к javascript и css? У меня превью...

Расширение для загрузки изображений
Добрый День, подскажите есть ли каекто расширения для загрузки изображений, что бы было легко...

Создание превью изображений
Наткнулся на такой скрипт, создает превью изображений как добиться чтобы под каждой превью была...

1
283 / 282 / 73
Регистрация: 06.05.2013
Сообщений: 1,613
03.07.2013, 08:59 2
Я не могу никак вникнуть в суть задачи, но можно сделать

Javascript
1
2
3
4
5
<script type="text/javascript">
function myFunc(id) {
$.get('processupload.php',{id:id}, function onAjaxSuccess(data) {});
}
</script>
и вешать эту функцию на кнопки, мб так получится.
если неправильно понял, то извините за потерю времени)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.07.2013, 08:59

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Превью изображений в ASP
Люди, подсобите! У меня есть некоторая анкетная форма которую можно заполнить и которая...

Работа с превью изображений
Делаю превьюхи в фотогалерее. Сначала imagecopyresized а потом вывожу через imagejpeg. На локальном...

Нужна DLL для загрузки изображений
Посоветуйте DLL, при помощи которой можно загрузить\сохранить картинку в популярных форматах...

превью загрузки файлов
Есть форма с выбором картинок. Мне нужно чтобы при выборе файла в &lt;input type=&quot;file&quot;&gt; рядом...

У изображений не всегда видно превью
Здравствуйте. Месяца 2-3 назад поставил сборку Windows 10 (LTBS) от SmokieBlahBlah. Сразу после...

Множественное превью загружаемых изображений
Как можно задействовать пред просмотр всех загружаемых фотографий, сейчас например если выбрать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.