PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Предосмотр выбранного изображения в input

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Ex	Отправлено: 12 Апреля, 2015 - 17:01:14
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	Есть вот такой скрипт. (Предосмотр выбранного изображения в инпуте. "Pr" массив собирает инфу введенных данных: размер и координаты). На Пк работает нормально, да и на некоторых телефонах тоже. А вот некоторые телефоны не понимают этого. Подскажите, мб есть другой скрипт, который понимал бы любой телефон. п.с. на сколько я понял, они не понимают input.files[0], input.files[0].type.match('image.') и reader даже если убрать проверку if(input.files&&input.files[0]&&input.files[0].type.match('image.')) все равно не пашет CODE (javascript*): скопировать код в буфер обмена function Pres(){ Pr=[$('#pr1').val(),$('#pr2').val(),$('#pr3').val()]; input=$('#ch6')[0]; if(input.files&&input.files[0]&&input.files[0].type.match('image.')){ reader=new FileReader(); reader.onload=function(e){ $('.cropIm').css({ 'background':'url('+e.target.result+')', 'background-position':'-'+Pr[0]+'px -'+Pr[1]+'px', 'height':''+Pr[2]+'px', 'width':''+Pr[2]+'px' }) }; reader.readAsDataURL(input.files[0]); } } $('#pr1, #pr2, #pr3, #ch6').change(function(){Pres()}); $('#prew').click(function(){Pres()}); (Отредактировано автором: 12 Апреля, 2015 - 17:03:06)

DelphinPRO	Отправлено: 12 Апреля, 2015 - 19:03:11
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Если браузер не поддерживает FileApi - ничего вы не сделаете. Можно конечно по старинке - выбрали картинку, загрузили на сервер (аяксом, псевдо-аяксом) во временную папку, вернули ссылку и показали. Или проверять наличие поддержки fileApi и хотя выдавать уведомление, что браузер у юзера древний, пора бы обновится. ----- Чем больше узнаю, тем больше я не знаю.

Ex	Отправлено: 12 Апреля, 2015 - 19:38:01
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	Еще прикол в том, что все нормально работало раньше. И с того момента я ничего не менял кроме jq с 2.х на 1.6 А не подскажешь простой способ загрузки файла на сервер аяксом? А то гугл выдает ток крутые километровые скрипты... А мне бы простенький

DelphinPRO	Отправлено: 12 Апреля, 2015 - 22:05:51
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Простых нет. Опять же из-за того, что не настал тот светлый день, когда файлы можно будет грузить аяксом. Все достигается хитрыми приемчиками, потому и скрипты километровые. ----- Чем больше узнаю, тем больше я не знаю.

Ex	Отправлено: 12 Апреля, 2015 - 22:35:57
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	кстати, вот скрипт с проверкой на поддержку Api CODE (javascript): скопировать код в буфер обмена $('#image').change(function() { var input = $(this)[0]; if ( input.files && input.files[0] ) { if ( input.files[0].type.match('image.*') ) { var reader = new FileReader(); reader.onload = function(e) { $('#image_preview').attr('src', e.target.result);xx=e.target.result} reader.readAsDataURL(input.files[0]); } else console.log('is not image mime type'); } else console.log('not isset files data or files API not supordet'); }); Скрипт почему то не выводит "not isset files data or files API not supordet" И еще, я делал пару денй назад "зард резет" телефону, то есть снес все под 0, и после этого перестало работать хотя я и до этого ничего не устанавливал и работало все отлично. (юзаю андроивский стандартный браузер) какая то мистика.

DelphinPRO	Отправлено: 12 Апреля, 2015 - 22:54:01
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Ex пишет: кстати, вот скрипт с проверкой на поддержку Api Я бы так проверял CODE (javascript): скопировать код в буфер обмена if (!(window.File && window.FileReader && window.FileList && window.Blob)) { console.error('The File APIs are not fully supported in this browser.'); } ----- Чем больше узнаю, тем больше я не знаю.

Ex	Отправлено: 13 Апреля, 2015 - 12:29:25
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	CODE (javascript): скопировать код в буфер обмена if (!(window.File && window.FileReader && window.FileList && window.Blob)) {alert('The File APIs are not fully supported in this browser.');} да мой браузер на андроиде выдает этот алерт. Т.е. не пашет у меня это... Но почему оно работало пару недель назад, до хард резета телефона печалька короче

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.