ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / загрузка нескольких файлов
18 сообщений из 18, страница 1 из 1
загрузка нескольких файлов
    #39395515
kasper_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasper_
Участник
как одним input выполнять загрузку нескольких изображений, чтобы видеть перечень загружаемых файлов?

<input type="file" name="picture[]" size="25" multiple="multiple"> - показывает только один файл
...
Рейтинг: 0 / 0
31.01.2017, 14:40
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39395540
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
kasper_,

используй собственный или сторонний компонент, например https://blueimp.github.io/jQuery-File-Upload/
...
Рейтинг: 0 / 0
31.01.2017, 15:16
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39395574
kasper_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasper_
Участник
или нужно добавлять несколько input-ов?
...
Рейтинг: 0 / 0
31.01.2017, 15:42
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39395729
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
взято из живого проекта, вместо картинок выводи прямугольники, но в консоль имена файлов,
раобраться можно и вместо прямоугольникой имена вывести.
 
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
<body id="files">
<div id="pic_load">
                <input type="file" id="file" multiple accept="image/png,image/jpeg" style="display: none;">
                <button id="load"  onclick="document.getElementById('file').click();">Загрузить картинки</button>
                <div id="list_files"></div>
</div>
<div id="pic_div" ><div>
<script>
                <%-- работа с картинками --%>
                var fb = {};
                fb.max = 0;
                Object.defineProperty(fb, "max", {
                    enumerable: false
                });
                <%-- загрузка через кнопку --%>
                document.getElementById('file').addEventListener('change', function (evt) {
                    load_files(evt.target.files);
                }, false);
                <%-- загрузка перетаскиванием --%>
                var target = document.getElementById("files");
                target.addEventListener("dragover", function (event) {
                    event.preventDefault(); // отменяем действие по умолчанию
                    $(target).css('pointer-events', 'avto');
                }, false);
                target.addEventListener("drop", function (event) {
                    // отменяем действие по умолчанию
                    event.preventDefault();
                    load_files(event.dataTransfer.files);
                }, true);
                function load_files(files) {
                    var n = files.length;
                    var a = 0;
                    var urlFactory = window.URL || window.webkitURL;
                    var listFiles = document.getElementById('list_files');
                    for (var i = 0; i < n; i++) {
                        var sp = document.createElement('span');
                        sp.innerHTML = '█';
                        sp.dataset.num = 'pic' + (fb.max + i);
                        listFiles.appendChild(sp);
                    }
                    read_file(files[a]);
                    function read_file(file) {
                        var reader = new FileReader();
                        reader.onloadend = function () {
                            console.log(fb.max, '       ', files[a].name);
                            fb['pic' + fb.max] = new Blob([reader.result], {type: "image/jpeg"});
                            $('#pic_div').append('<div class="pic_num" data-pic="' + fb.max + '">\n\
                    <div class="pic_title new_pic">\n\
                    <img class="pic_del" src="pic/del_.png" alt="" /><span></span>\n\
                    </div>\n\
                    <img src="' + urlFactory.createObjectURL(fb['pic' + fb.max]) + '" alt=""/>\n\
                    </div>');
                            listFiles.querySelectorAll('span[data-num="pic' + fb.max + '"]')[0].style.color = 'red';
                            fb.max++;
                            if (a++ < (n - 1)) {
                                read_file(files[a]);
                            } else {
                                var k = 1;
                                var x = document.getElementById('pic_div').querySelectorAll('div.pic_num:not(.delPic) span');
                                [].forEach.call(x, function (el) {
                                    el.innerHTML = k++;
                                });
                                saveOnOff(true);
                            }
                        };
                        reader.readAsArrayBuffer(file);
                    }
                }
</script

...
Рейтинг: 0 / 0
31.01.2017, 17:37
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39395959
kasper_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasper_
Участник
Может, кому интересно - ссылки по теме:

http://leonidmuzyka.com/26-website_creation/imageloader.php

http://yournet.kz/blog/js/ajax-zagruzka-fajlov-na-server
...
Рейтинг: 0 / 0
01.02.2017, 06:05
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39395963
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
kasper_Может, кому интересно - ссылки по теме:

http://leonidmuzyka.com/26-website_creation/imageloader.php

http://yournet.kz/blog/js/ajax-zagruzka-fajlov-na-server
какого хрена предлагаешь это говно!
особннно второе. !…
...
Рейтинг: 0 / 0
01.02.2017, 06:36
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396031
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяkasper_Может, кому интересно - ссылки по теме:

http://leonidmuzyka.com/26-website_creation/imageloader.php

http://yournet.kz/blog/js/ajax-zagruzka-fajlov-na-server
какого хрена предлагаешь это говно!
особннно второе. !…
Потому что это ему подошло для решения озвученой задачи, а твоё говно нет.
...
Рейтинг: 0 / 0
01.02.2017, 09:45
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396037
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
skyANAПотому что это ему подошло для решения озвученой задачи, а твоё говно нет.
ты по второй ссылке ходил?
...
Рейтинг: 0 / 0
01.02.2017, 09:50
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396039
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяskyANAПотому что это ему подошло для решения озвученой задачи, а твоё говно нет.
ты по второй ссылке ходил?
Ходил.
...
Рейтинг: 0 / 0
01.02.2017, 09:52
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396053
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
skyANAХодил.
сколько мусара выволилось...
...
Рейтинг: 0 / 0
01.02.2017, 10:04
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396147
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяskyANAХодил.
сколько мусара выволилось...
Слушай, автор топика нашёл для себя, что искал и поделился ссылками.
Чего тебя так бомбит-то? Ну не подошло ему твоё говно, бывает :)
...
Рейтинг: 0 / 0
01.02.2017, 11:22
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396811
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадяskyANAХодил.
сколько мусара выволилось...

Вообще-то, твой код, который ты вывалил, максимум тянет на мусор.
...
Рейтинг: 0 / 0
01.02.2017, 22:41
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396889
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttвадяпропущено...

сколько мусара выволилось...

Вообще-то, твой код, который ты вывалил, максимум тянет на мусор.
я писал не о коде, а о сайте, втором, зайдя на который я смог выйти только через выгрузив браузер.
а называть чужой код мусором это , похоже, становится правилом хорошего тона.
закон курятника — столкни ближнего, насри на нижнего, становится трендом общения.
так что твоей оценкой я ни удивлен, ни огорчён.
...
Рейтинг: 0 / 0
02.02.2017, 04:11
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396976
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадя,

ты написал следующее:
вадякакого хрена предлагаешь это говно!
особннно второе. !…
Чётко видно, что ты содержимое обоих сайтов назвал говном, а не только второго.
По первой ссылке я вижу примеры кода, по второй примеры готовых компонент. Проблем с выходом не наблюдаю.

Так что для меня ты назвал чужой код не просто мусором, а говном.

Вообщем на себя сначала примерь правила хорошего тона, а потом уже возмущайся.
...
Рейтинг: 0 / 0
02.02.2017, 09:39
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39396978
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
И кстати хорошим тоном считается критиковать код, а не человека, его написавшего.
Лично тебя, вадя, пока никто не оскорбил :)
...
Рейтинг: 0 / 0
02.02.2017, 09:43
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39397039
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадяа называть чужой код мусором это , похоже, становится правилом хорошего тона.

Назвать мусор мусором -- это совершенно нормально. Не обижайся.

вадязакон курятника — столкни ближнего, насри на нижнего, становится трендом общения.
так что твоей оценкой я ни удивлен, ни огорчён.

Ты выложил мусор, я предупредил всех, чтоб люди не использовали его у себя.
А как ты к этому относишься, дело пятидесятое.
...
Рейтинг: 0 / 0
02.02.2017, 10:50
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39397126
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttНазвать мусор мусором -- это совершенно нормально. Не обижайся.
да счас это нормально, если что не по тебе - мусор.
если что не понятно - мусор...
если в чём не разбираешься - мусор...
палочки должны быть попендикулярны....
...
Рейтинг: 0 / 0
02.02.2017, 12:12
| Ответить | Цитировать | Написать  
загрузка нескольких файлов
    #39397164
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадяда счас это нормально, если что не по тебе - мусор.
если что не понятно - мусор...
если в чём не разбираешься - мусор...
палочки должны быть попендикулярны....

У тебя очень странная методика защищать свою позицию.
Твоя демагогия ничего не изменит.
...
Рейтинг: 0 / 0
02.02.2017, 12:45
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / загрузка нескольких файлов
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]