2012-07-29 90 views
0

我有一個成功的工作界面,我使用PHP GD庫進行編程,用戶可以輸入多行文本,當用戶點擊「提交」時,它覆蓋了他們鍵入的文本一個png背景。PHP GD圖書館和AJAX或jQuery圖像處理

是否有可能做同樣的事情,但在過程中使用AJAX?我想以某種方式讓每個輸入字段填寫自動執行onblur,並觸發一個AJAX腳本。通過這種方式,他們可以看到輸入到字段中的數據即時更改圖像。

正常情況下,當使用AJAX時,它將成功回調發送到輸入字段alert,或將其設置爲DIV。我會將整個GD庫代碼放到PHP POST頁面並在那裏處理,然後以某種方式將編譯的PNG圖像發送到AJAX成功回調?

我只是需要一個大致的想法,如果它是可能的,以及我如何去解決這個問題的基本輪廓。謝謝!

編輯:這是在文本覆蓋後用於顯示圖像的代碼的最後一個位。

imagepng($my_img, "./images/$form_token.png"); 
imagedestroy($my_img); 

此代碼是否會在AJAX POSTS的PHP處理頁面上結束?或者我使用GD Library函數處理圖像,然後以某種方式將此圖像作爲img src傳遞。我將它保存到我的服務器,然後顯示保存爲AJAX成功回調的img src?我很困惑,因爲我認爲AJAX會立即加載東西而不刷新頁面,但如果將文件保存到服務器,然後將它顯示在圖像佔位符中,仍然會發生?

回答

0

是的,你可以。

您可以使用jQuery AJAX來做到這一點。

  1. 無論是POSTGET方法創建一個PHP文件,以從使用jQuery網頁阿賈克斯數據作出反應。

  2. 使php文件在成功處理數據時返回成功消息,並且您可以在JavaScript中編寫一些內容以顯示成功消息。

你可以在這裏閱讀教程www.w3schools.com/jquery/jquery_ref_ajax.asp

希望這有助於..

+0

我認爲這是非常不清楚我的唯一的部分是哪裏或如何顯示所產生的實際圖像與覆蓋的背景和文字?目前所有的代碼都在一個頁面上,因爲我還沒有集成jQuery AJAX。圖像處理代碼的末尾顯示了「imagepng」代碼,我將在上面的帖子中粘貼該代碼。 – LITguy 2012-07-29 08:55:53