/ author
Содержание:
- Множественный выбор файлов, создание превью на стороне клиента и отправка данных ajax’ом на сервер
- Добавляем прогресс-бар
- Готовые решения для загрузки изображений на сервер
1. Множественный выбор файлов, создание превью на стороне клиента и отправка данных ajax-ом на сервер
В примере представлен код для множественного выбора файлов, их валидации (проверка на формат и размер) и загрузки их с помощью ajax на сервер.
(далее…)
/ author
При разработке одного веб-приложения с использованием jQuery заказчик заметил, что часть функционала не работает на iPad/iPhone. В частности не срабатывало событие «click».
Сперва гугл привел на хабрахабр и stackoverflow, где предлагалось одно и тоже решение — использование события «touchstart» на iPad вместо «click»:
|
|
var ua = navigator.userAgent, event = (ua.match(/iPad/i)) ? "touchstart" : "click"; $("#theElement").bind(event, function() { // jquery code } |
но при использовании этого решения невозможно было пользоваться прокруткой.
Спустя некоторое время удалось найти правильное и очень простое решение. Оказалось, что для нормальной работы события click на iOS элементы, не являющиеся ссылками, на которые навешивается обработчик события click, должны иметь атрибут «onClick» (его значение может быть пустым)
|
|
<span onClick="" id="theElement"></span> |
Второй вариант — добавить в css свойство cursor со значением pointer
|
|
span#theElement { cursor: pointer; } |