Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
 
Рейтинг: Рейтинг темы: голосов - 22, средняя оценка - 4.91
stan07
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 137
#1

Стилизация input type="file" - JavaScript

27.09.2012, 16:15. Просмотров 2792. Ответов 16
Метки нет (Все метки)

Доброе время суток,
Подскажите, пожалуйста, как заменить стандартный <input type="file"> на изображение (то есть хотелось чтоб было вот так:

)?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.09.2012, 16:15
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Стилизация input type="file" (JavaScript):

Стилизация input type="radio" - JavaScript
Подскажите, пожалуйста, как изменить стандартный вид радио кнопок на изображение?

Загрузка картинка в img (через input type="file") - JavaScript
У меня на странице есть ссылка &lt;a href=&quot;javascript:showFrm()&quot;&gt;Загрузить...&lt;/a&gt; и скритый тэг &lt;input type=&quot;file&quot; style=&quot;position:...

Не отображаются картинки в Chrome из input type="file" - JavaScript
С помощью jQuery создаю img-контейнер. var div_img=$('&lt;img&gt;').attr('class', 'class_img').attr('src', imeg).attr('alt', comment); ...

Попытка открыть диалог выбор файла input type="file" через jq - JavaScript
&lt;form method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt; &lt;input type=&quot;file&quot; id=&quot;file&quot; name=&quot;file&quot;&gt; &lt;input...

Как вытащить из <input type="file" ...> полный путь к файлу на клиенте? - JavaScript
Собственно, сабж. Пробовал метод GET вместо POST, которым обычно пользуются при использовании &lt;input type=&quot;file&quot; ...&gt;, но передаётся...

Клонирование объектов INPUT type="file" - JavaScript
Всем привет! Каким способом можно скопировать дочерний элемент формы INPUT с типом поля FILE(из одной формы в другую), после того, как...

16
newJS
2391 / 1064 / 98
Регистрация: 23.06.2011
Сообщений: 3,323
28.09.2012, 20:34 #16
Цитата Сообщение от EPMAK Посмотреть сообщение
Вот архивчик , тут все четко, как надо.
А зачем глобальную переменную оставил, все же было спрятано.

Извиняюсь, умудрился хвост отбросить, закрывающие скобки потерял, вот правильно.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
(function(){
var d;
d=document;
 
onload=function(){
d.getElementById("file3").onclick=clickFile;
d.getElementById("file4").onchange=newFile;
 
 };
 
function newFile(){
d.getElementById("file2").value=d.getElementById("file4").value;
 
 };
 
function clickFile(){
d.getElementById("file4").click();
 
 };
 })();
0
EPMAK
tribal dance
166 / 150 / 10
Регистрация: 03.09.2009
Сообщений: 821
Записей в блоге: 17
29.09.2012, 07:32 #17
Цитата Сообщение от newJS Посмотреть сообщение
А зачем глобальную переменную оставил, все же было спрятано.
ага, чет глобальности захотелось.
локальность поднадоела, малость
0
29.09.2012, 07:32
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.09.2012, 07:32
Привет! Вот еще темы с ответами:

Проверка поля input type="file" - JavaScript
Имеем поле TYPE=&quot;FILE&quot; в форме и при клике на кнопку &quot;SUBMIT&quot; запускается функция проверки наличия ошибок ввода. javascript код ...

Изменить значение input type="file" - JavaScript
Как присвоисть одному input для ввода файла, значение другого input для ввода файла?

Как проконтролировать размер файла при upload'е через input type="file"? - JavaScript
Имеем форму для заливки файлов (фотографий) на сервер организованную посредством &lt;input type='file'&gt; Вопрос: как проконтролировать? ...

<input type="file"> - как мне автоматом в этот контрол прописать файл с путем? - JavaScript
как мне автоматом в этот контрол прописать файл с путем, а не ручками через browse... делать?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.