Javascript 如何从HTML文件输入中删除文本字段

通常，通过单击由

创建的按钮来调用文件上载对话框。但是，我不想要它附带的文本字段。有没有办法去掉文本字段？或者是否有其他方法可以不使用

打开文件上载对话框？

您可以使用flash替代方法。我曾使用过，并取得了巨大成功，这是一个类似的选择。这两个都有很好的功能集，包括进度条和多个上载。

您可以用dustin所述的flash按钮替换它，或者您可以通过css将自己的按钮放在输入元素的顶部来隐藏按钮，并通过脚本打开“选择文件”框

这里有一些例子：

---

查看jQuery插件。

添加文件输入，并将其位置设置为非常远。
添加一个按钮。 单击将按钮设置为

$（“#myFile”）。单击（）
：D


浏览
您可以添加自己的按钮，并使用CSS将其放置在浏览按钮下

然后将文件输入设置为0不透明度。
同意alex的说法

<style>
.file_wrap{
    background:url(file.jpg);
    overflow:hidden;
    width:30px;
    height:10px;
}
.file_wrap input{
    opacity:0;
    font-size:999px;
    cursor:pointer;
}
</style>
<div class="file_wrap">
   <input type="file" />
</div>


.文件包{
背景：url（file.jpg）；
溢出：隐藏；
宽度：30px；
高度：10px；
}
.file\u wrap输入{
不透明度：0；
字号：999px；
光标：指针；
}
如果您正在使用jQuery，请查看此插件-

这个小插件将文件输入字段显示为引导按钮（无文本输入字段），类似于所有浏览器，并将漂亮地显示选定的文件名（或选择错误）。查看他们的现场演示

此外，您可以使用简单的数据属性或JS设置设置各种限制。e、 g，
data file types=“image/jpeg，image/png”
将限制选择除jpg和png图像以外的文件类型。
是否重复？
<style>
.file_wrap{
    background:url(file.jpg);
    overflow:hidden;
    width:30px;
    height:10px;
}
.file_wrap input{
    opacity:0;
    font-size:999px;
    cursor:pointer;
}
</style>
<div class="file_wrap">
   <input type="file" />
</div>