Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / загрузка нескольких файлов / 18 сообщений из 18, страница 1 из 1
31.01.2017, 14:40
    #39395515
kasper_
kasper_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
загрузка нескольких файлов
как одним input выполнять загрузку нескольких изображений, чтобы видеть перечень загружаемых файлов?

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

используй собственный или сторонний компонент, например https://blueimp.github.io/jQuery-File-Upload/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.01.2017, 15:42
    #39395574
kasper_
kasper_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
загрузка нескольких файлов
или нужно добавлять несколько input-ов?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.01.2017, 17:37
    #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
| Ответить | Цитировать | Написать  
01.02.2017, 06:05
    #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:36
    #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, 09:45
    #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:50
    #39396037
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
загрузка нескольких файлов
skyANAПотому что это ему подошло для решения озвученой задачи, а твоё говно нет.
ты по второй ссылке ходил?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.02.2017, 09:52
    #39396039
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
загрузка нескольких файлов
вадяskyANAПотому что это ему подошло для решения озвученой задачи, а твоё говно нет.
ты по второй ссылке ходил?
Ходил.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.02.2017, 10:04
    #39396053
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
загрузка нескольких файлов
skyANAХодил.
сколько мусара выволилось...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.02.2017, 11:22
    #39396147
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
загрузка нескольких файлов
вадяskyANAХодил.
сколько мусара выволилось...
Слушай, автор топика нашёл для себя, что искал и поделился ссылками.
Чего тебя так бомбит-то? Ну не подошло ему твоё говно, бывает :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.02.2017, 22:41
    #39396811
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
загрузка нескольких файлов
вадяskyANAХодил.
сколько мусара выволилось...

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

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

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

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

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

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

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

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

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

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


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