2012-12-06 136 views
1

我想写一个程序,使用简单的html输入type="text"和一个按钮,它将执行输入type="file"的功能。我可以使用<input type =“text”>来模拟<input type =“file”>吗?

+0

可以使文件输入隐藏,使按钮触发文件的onclick。它的工作,但它是一个很大的努力 –

+1

我的猜测是,你想要一个样式的文件输入。如果是这样的话,请看这里:http://stackoverflow.com/questions/3226167/how-to-style-input-file-with-css3-javascript –

回答

0

理论上你可以破解它(设置0不透明度来输入[文件]等),但手动键入文本字段的路径将无法正常工作(不会发送带有窗体的文件)。 这似乎是很多不必要的黑客行为。是什么原因?

1

HTML来源:

<input type="file" class="file"> 
<input type="text" name="file" class="sfile"> 
<input type="submit" value="send file" name="submit"> 

CSS:

.file{ 
    visibility:hidden; # don't use display:none; because IE compability in js 
} 

的jQuery:

$('.sfile').click(function(){ 
    $('.file').click(); 
}); 
$('.file').change(function(){ 
    $('.sfile').val($(this).val()); 
});