Пользовательский интерфейс типа входного файла - PullRequest
Новая
       2

Пользовательский интерфейс типа входного файла

2 голосов
/ 08 декабря 2010

HI

я использую 

<input type="file">

он имеет различный интерфейс в IE, Firefox, Chrome и Safari я хочу что-то, что может генерировать один и тот же пользовательский интерфейс на все 4 браузера.

Возможно ли это?

Ответы [ 3 ]

2 голосов
/ 08 декабря 2010

http://pixelmatrixdesign.com/uniform/

Uniform позволит вам легко обработать элемент ввода для загрузки.

0 голосов
/ 09 декабря 2010

это сработало для меня:) 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
div.fileinputs {
    position: relative;
}

img.fakefile, input.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}</style>

<script type="text/javascript">
function HandleFileButtonClick() 
  {    
    document.getElementById("xyz").value =document.getElementById("abc").value; 
    }  


</script>
</head>

<body>
<div class="fileinputs">
    <input type="file" id="abc" class="file"  onchange="HandleFileButtonClick();" />
        <input type="text" id="xyz" class="fakefile" />
        <img src="browse button.bmp" class="fakefile" style="position: absolute; left: 150; top: 0" width="61" height="22"/>
</div>
</body>
</html>
0 голосов
/ 08 декабря 2010

Многие браузеры (по крайней мере, последние версии Firefox) не позволяют вам вводить имя файла в качестве меры безопасности.Вы можете выбрать файл только графически.Я полагаю, что Chrome такой же.

О каком интерфейсе вы говорите?Если вы имеете в виду другой способ выбора файла ... Я не думаю, что есть другой способ (также меры предосторожности).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...