Перетащите файлы сюда

Мы профессиональная команда, которая на рынке работает уже более 2 лет и специализируемся исключительно на лучших продуктах.

У нас лучший товар, который вы когда-либо пробовали!

Наши контакты:

Telegram:

https://t.me/happystuff

Внимание! Роскомнадзор заблокировал Telegram ! Как обойти блокировку:

http://telegra.ph/Kak-obojti-blokirovku-Telegram-04-03-2

ВНИМАНИЕ!!! В Телеграмм переходить только по ссылке, в поиске много фейков!

Разметка Сразу говорю, статья написана больше для новичков, чем для профессионалов. Поэтому некоторые моменты будут описываться очень подробно. Для начала, нам необходимо создать HTML файл с таким содержанием: Теперь добавим стили для нашего документа style. Скрипт загрузки Теперь мы приступим к самому интересному — написанию JavaScript кода. Для начала, нам необходимо создать переменные, в одну из которых мы поместим нашу dropZone, а во второй укажем максимальный размер файла. В некоторых браузерах при перетягивании файлов в окно браузера они автоматически открываются, что бы такого не произошло нам нужно отменить стандартное поведение браузера. В качестве обработчика укажем файл upload. Серверная часть Все что нам осталось, это написать простейший обработчик, который будет сохранять файл в нужном нам месте. В написании обработчика я не буду сильно углубляться, а лишь приведу небольшой пример на PHP. Скачать исходные файлы вы можете здесь. Перевод и доработка статьи: А что, в Опере уже работает? Сразу пошел на gmail проверить, но там облом: Сейчас попытаюсь повторить у себя. Будем ждать спецификации HTML5. Похоже на удобный способ выкачивать скрытно у пользователя его приватные файлы пароли и т. Под курсор ставим скрытый iframe с локальным file: Я не скептик, но как то с опаской смотрю на такие нововведения…. Что-то мне подсказывает, что еще будут об этом писать… Стандарты это хорошо, но реализация часто хромает. Если сейчас сделать все грамотно и перетаскивать локальные файлы будет не возможно, то завтра кто-то в браузер встроит плагин, где в окне будут открыты файлы из какого-нибудь cloud хранилища. И как фичу сделают возможность перетаскивать эти файлы все события, dataTransfer интерфейсы и т. Нельзя предусмотреть все варианты, просто потому, что софт меняется. В последнее время браузеры стараются не спрашивать пользователя о скрытых запросах и процессах. На мой взгляд проблема реальна. Жалко смотреть во что превратили карму. На сколько я помню доступ из внешнего фрейма запрещен к внутреннему если домены различаются. Спасибо, очень полезный комментарий. Могли бы и правильную ссылочку приложить. Единственная информация, которой я воспользовался для нахождения правильной ссылки — это адрес исходной. Что мешало Вам воспользоваться гуглом? Извините, вы приложили битую ссылку, я указал вам на это, и вы этим недовольны? Мне кажется, вы неправы. Вы на даты постов вообще смотрели? Ссылка вполне работала тогда, когда я её постил. Или Вы считаете, что я должен постоянно проходить все свои посты, следя за свежестью ссылок? Извините тогда, но я не вижу в этом смысла. А недоволен я бессмысленностью Вашего комментария. А если бы я не увидел Вашего комментария? Юзер, если ему интересна ссылка, и сам заметит, что она умерла. А вот приведи Вы рабочую ссылку, Вы бы сэкономили его время и силы. А вот на даты-то я и не посмотрел. Да, тогда неправ я. Честно говоря, мне не пришло в голову искать нормальную ссылку, как-то на автомате… Не работает, что теперь с этим поделать. По-моему, сложно его не увидеть. Не знаю, как у вас, а мне хабра даже на мыло оповещаловку шлёт. Уведомления-то и мне приходят откуда ж иначе я заметил бы Ваш комментарий , но их можно отключить или проигнорировать. Ну а за статью спасибо, ради интереса опробуем на досуге ;. А куда посоветуете закинуть файлы, что бы хабр аудитория была довольна? Или свой хост, аккаунт на Google сайтах. Чем прямее ссылка, тем лучше: Если нужно передавать помимо файла другие значения, я бы посоветовал использовать FormData. Если используется jQuery, то код, в первую очередь аяксовую часть, можно было бы написать проще. Если не используется — тоже: А Вы почему-то его используете исключительно для усложнения кода. Я лишь перевел статью, кое-где что-то дописав или исправив. И я думаю, здесь главное не то, каким образом тут используется jQuery, а просто показать принцип работы Drag and Drop. А то как вы его будете реализовывать это на чистом JavaScript или при помощью сторонних библиотек — это уже ваше решение. Так вот я и говорю, что тогда уж использование jQuery из статьи стоило бы выбросить. Так сделано в моей статье которая на ту же тему как раз ;. Что здесь плохо, так это то, что при любом перемещении мыши с захваченным файлом над контейнером вы добавляете класс hover. При быстрых рывках мышью не наблюдается никаких артефактов? Что будет, если я захвачу папку и брошу её? Ничего, массив files будет пустой, но можно выделить все файлы и перетащить их. Довольно хорошая демка да сам скрипт: Обработчики на ondragover и ondragleave спокойно вешаются через jquery: Можно поконкретней, когда и с чем это проявляется, попробовал на м файле, ни apache2, ни ff, ни chrome не стали есть значительно больше памяти после начала загрузи. Всю голову сломал пока дошло, что стоит комменты прочитать. Автору поста — дислайк. Вообще говоря, 1 байтов — это действительно 1 мегабайт. А насколько хороша поддержка загрузки больших файлов. Например MB с клиента потянет? Но вопрос есть ли смысл? Возможно, для загрузки больших фалов стоит использовать что-то другое. Я думаю вариант с Drag and Drop больше подходит для более мелких файлов, например для картинок и музыки. И не всегда мб через интеренет — это медленно. Стандартный XHR не умеет отправлять файлы равно как и обычный JS даже не подозревает о существовании файлов , а стандарты пока находятся только в процессе разработки. Так, например, в FF3. Как результат — передать файл в мб, как минимум, затруднительно, так как чревато огромными затратами памяти. Starting with Gecko 1. Да, забыл про это. Но это кривой способ, потому что файл на сервере нужно будет считывать из входного потока. Сейчас Вчера Неделя Список полезных идей для высоконагруженных сервисов 5,5k Как украсть международный домен на REG. RU и полностью переписать на себя без ведома владельца 47,9k Интересные публикации Хабрахабр Geektimes. Датчик из живой татуировки не за горами GT. Винеровский хаос или Еще один способ подбросить монетку. Замена механического реле давления на цифровое обладателям скважин GT. Минфин собирается ввести уголовную ответственность за расчеты криптовалютами GT. Искусственный интеллект рассудит соревнования по гимнастике на Олимпиаде в Токио GT. Услуги Реклама Тарифы Контент Семинары.

Купить Гари Гарисон Жердевка