PHP文件上传+ jQuery

Question

因此，我的上传脚本运行得很好，但是现在要使它看起来像我想要的布局方式。

<input type="file" name="userfile" id="userfile"/>

显然，这显示了带有“选择文件”按钮的文本框。 我真正需要的是我自己的自定义按钮（最终将是一个图像），一旦成功选择文件（尚未上传），它就会触发一个jQuery事件以显示div。 我不希望显示文件名文本框。

下面概述了基本步骤。

1. 用户点击图片按钮上传他们的文件
2. 用户选择文件
3. jQuery显示具有更多字段的div
4. 用户点击提交并上传文件

Answer 1

出于安全原因，众所周知，文件上载元素很难访问。 我认为最好的办法是在文件字段的值不同于null将处理程序附加到显示div的文件上传的change事件上。

自定义按钮是不可能的。 为此，您将不得不求助于文件上传替代方案，例如基于Flash的SWFUpload 。

Answer 2

有这个使用jQuery的解决方案在这里 。 它使您可以将图像用作上载按钮，并且只需进行一些自定义，我相信您可以将其用于所需的操作。

Answer 3

我见过的几种解决方案实际上是隐藏上传输入字段，然后显示自己的自定义按钮。 当鼠标移到该自定义按钮上时，它们将使用脚本将输入元素重新定位在光标下方。 很多工作。