PHP文件上传+ jQuery

Question

所以我有我的上传脚本工作得很好，但现在这是一个让我看我的布局方式的问题。

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

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

下面列出的基本步骤。

1. 用户点击图像按钮来上传他们的文件
2. 用户选择文件
3. 的jQuery显示了更多的领域
4. 用户点击提交和文件一个div上传

Answer 1

文件上传元素出于安全考虑而出名是非常困难的。我认为你可以做的最好的事情是附加文件上传的change事件处理程序，如果文件字段的值不同于null，则显示div。

自定义按钮不存在问题。为了解决这个问题，你需要使用文件上传替代方法，例如基于Flash的SWFUpload。

Answer 2

有一个使用jQuery here的解决方案。它使您能够使用图片作为上传按钮，并通过一些自定义功能，我相信您可以根据自己的需求进行操作。

Answer 3

对此，我见过的解决方案实际上隐藏了上传输入字段，然后显示自己的自定义按钮。当鼠标移过这个自定义按钮时，它们使用脚本来重新定位光标下方的输入元素。相当多的工作。