Html 浏览和上载文件按钮上的图像

我想有一个浏览和上传图像按钮

我使用以下代码创建了文本框：

CSS

HTML

图像代码用于浏览和上载按钮

请帮我更正上面的代码，这样当我按下浏览按钮时，我会得到文件选择选项，正如您使用时看到的那样。其次，文件的路径必须显示在上面的文本框中

---

第三，当我按下上传按钮时，文件应该被上传

这是不可能的目标浏览。。。按钮的文件上传控制通过CSS

可以在以下位置找到基于HTML的解决方法： 不确定它是否能完全满足你的需要，但我认为这是你能得到的最接近的

---

如果你想完全控制控制，没有双关语的意图，你将不得不使用基于Flash的上传程序，如。请注意，这些上载程序的工作方式与普通的文件上载控件稍有不同，因此您可能需要更改工作流以使其正常工作，并决定是否值得为此付出努力。

不可能以浏览为目标。。。按钮的文件上传控制通过CSS

可以在以下位置找到基于HTML的解决方法： 不确定它是否能完全满足你的需要，但我认为这是你能得到的最接近的

---

如果你想完全控制控制，没有双关语的意图，你将不得不使用基于Flash的上传程序，如。请注意，这些上载程序的工作方式与普通的文件上载控件略有不同，因此您可能需要更改工作流以使其正常工作，并决定是否值得付出努力。

我们通常用于设置表单控件样式的大多数CSS属性对上载控件没有任何影响，可以通过多种方式设置其样式，一个很好的例子是

这种技术基本上将控件的不透明度设置为0，并在其下方放置另一个样式化按钮。因此，当单击样式按钮时，实际上是在单击上载控件

---

我花了很多时间与客户的自定义文件上载控件进行斗争，并发现到目前为止，最好的方法是利用已经构建的所有内容，您可以自定义任意内容，还具有拖放功能

我们通常用来设置表单控件样式的大多数CSS属性对上载控件没有任何影响，有一些方法可以设置它的样式，一个很好的例子是

这种技术基本上将控件的不透明度设置为0，并在其下方放置另一个样式化按钮。因此，当单击样式按钮时，实际上是在单击上载控件

---

我花了很多时间与客户的自定义文件上载控件进行斗争，并发现到目前为止，最好的方法是利用已经构建的所有内容，您可以自定义任意内容，还具有拖放功能

如果使用标签标签标记图像，可以单击图像并选择浏览按钮

<div id="fileInput">
    <label for="FileID"><img src="ImageURL"></label>
    <input type="file" id="FileID"/>
</div>

---

如果使用标签标签标记图像，则可以单击图像并选择浏览按钮

<div id="fileInput">
    <label for="FileID"><img src="ImageURL"></label>
    <input type="file" id="FileID"/>
</div>

---

非常感谢，看起来像我想要的。非常感谢，看起来像我想要的。

<div id="fileInput">
    <label for="FileID"><img src="ImageURL"></label>
    <input type="file" id="FileID"/>
</div>