1
我想写一个程序,使用简单的html输入type="text"
和一个按钮,它将执行输入type="file"
的功能。我可以使用<input type =“text”>来模拟<input type =“file”>吗?
我想写一个程序,使用简单的html输入type="text"
和一个按钮,它将执行输入type="file"
的功能。我可以使用<input type =“text”>来模拟<input type =“file”>吗?
理论上你可以破解它(设置0不透明度来输入[文件]等),但手动键入文本字段的路径将无法正常工作(不会发送带有窗体的文件)。 这似乎是很多不必要的黑客行为。是什么原因?
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());
});
可以使文件输入隐藏,使按钮触发文件的onclick。它的工作,但它是一个很大的努力 –
我的猜测是,你想要一个样式的文件输入。如果是这样的话,请看这里:http://stackoverflow.com/questions/3226167/how-to-style-input-file-with-css3-javascript –