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

對此，我見過的解決方案實際上隱藏了上傳輸入字段，然後顯示自己的自定義按鈕。當鼠標移過這個自定義按鈕時，它們使用腳本來重新定位光標下方的輸入元素。相當多的工作。