2012-06-12 33 views
-1

我知道這已被少數人問過,但我沒有看到答案。我有一個PHP上傳表單,用於在div標籤中上傳文件。是否可以提交表單並上傳文件而不刷新頁面?我還沒有找到可以工作的插件,因爲我想提交附帶標題和其他數據的表單。有什麼建議麼?我看着使用iframe,但我不確定它會在div標籤中包裝的upload.php中工作嗎?PHP文件上傳沒有頁面刷新

+0

嘗試提交給iframe(你可以將樣式顯示設置爲none) –

+0

http://ramui.com/articles/ajax-file-upload-using-iframe.html是的隱藏iframe是要走的路。 –

+0

和是的,它的工作 –

回答

2

以下是您可以使用的最簡單的解決方案:Image upload without page refresh

沒有義務使用JavaScript部分,但它使您有機會顯示轉移已正確完成的通知。

如果你對jQuery開放,並希望有一個更開放的解決方案,我建議你看看jQuery Form Plugin,它可以爲你管理所有這些,有一些額外的東西可能會很有趣。

+0

做所有這些解決方案需要HTML?因爲表單全部在php中,並被jquery調用到頁面上的div id中。所以jquery表單插件腳本,我會在哪裏調用它?對不起,如果這是一個愚蠢的問題 – mxcoop98

+0

其實你的表單是在HTML中,只有它的處理是在PHP/Javascript中。所以是的,你必須。對於jQuery表單插件,在使用它之前應該有一點經驗。你應該遵循教程。 –

+0

好吧,您可以使用iframe,以免頁面重新加載。是否有可能將表單提交到success.php檢查並在同一頁面上將結果(錯誤消息或成功)加載到

而不刷新頁面? – mxcoop98

0

嘗試使用類似AIM(http://www.webtoolkit.info/)的內容。而且你應該對html,php和js有更多的經驗。

1

我最喜歡的工具是Uploadify。它包括實時進度指示器,拖放等。

還有其他一些較舊的解決方案,包括this one。該頁面有一個簡單的演示,可以提供一個很好的例子來說明如何自己做到這一點。

榮譽提名Dave Walsh's facebook-lightbox,其中可能能夠放置文件上傳表單。值得一試,如果你喜歡它的外觀。