我可以使用<input type =“text”/>模拟<input type =“file”/>吗?

时间:2012-12-06 09:11:48

标签: javascript html

我想使用简单的html输入type="text"编写程序,并使用一个按钮来执行输入type="file"的功能。

2 个答案:

答案 0 :(得分:1)

HTML From:

<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());
});

答案 1 :(得分:0)

理论上你可以破解它(将0不透明度设置为输入[文件]等)但是手动输入文本字段的路径将不起作用(不会发送带有表单的文件)。 这似乎是很多不必要的黑客行为。出于什么原因?