2012-04-16 78 views
0

我只需要一些建議,指出我正在創建的東西的方向。上傳圖片,然後將文件路徑放入表格

這是我們的運動和我們的辦公室社會成員一個簡單的基於PHP網頁,使他們能夠創建,編輯,查看和刪除所有成員看到的事件。像一日遊,燒烤和各種類似的事情。

到目前爲止,我擁有這一切的工作,因爲我想,不是一個東西以外,作爲事件的標誌。

目前,事件都存儲在一個MySQL數據庫,在一個表中,與該事件的每一個方面的柱;時間,日期,價格,地點等等等等

我也有兩列的事件標誌,一個用於場地的標誌,以及一個用於一般的事件標誌。

我需要建議的是創建一個允許用戶上傳圖像到服務器的頁面的最佳方式,瀏覽已上傳的圖像,選擇一個,並在文本輸入時輸入文本路徑創建活動。

有人能提供的最好的方式他們的建議去了解這一點,或者提供用於選擇和輸入標識爲事件的另一種方法?

感謝

+0

爲什麼不使用谷歌日曆和它的共享功能,或臉譜組? – helle 2012-04-16 08:26:33

+0

未分配給事件並需要瀏覽的上傳圖像(或其文件路徑)未存儲在數據庫中?他們只是上傳到服務器上的某個地方? – 2012-04-16 08:34:24

+0

嗨,說實話,這是因爲我想通過做,我喜歡做這種事情,這意味着我們可以擁有我們想要的功能並自行管理。 – Eds 2012-04-16 08:36:20

回答

0

我最終將圖像存儲在數據庫本身。

在文件路徑一側保存了一些麻煩。

0

如果我能明白你的問題,你要與事件的關聯圖像標籤即右的事件圖像? 你可以使用jquery的attr()函數來獲取img的src並將其放入輸入字段

+0

嗨,對不起,我沒有解釋得很好。當用戶創建一個事件並將其放入數據庫時​​,我還希望他們上傳或選擇已上傳的圖像,並將文件路徑輸入到該事件的數據庫中。這樣,在查看活動頁面時,它將文件路徑打印到標籤中,並顯示圖像。希望這更有意義。 – Eds 2012-04-16 08:47:17

+0

你爲什麼要分兩步來解決這個問題我的意思是首先在db n中記錄事件的詳細信息,然後將圖像添加到事件中,您可以選擇以相同的形式上傳圖像,在其中進行事件,並且如果他們想要上傳已選擇的圖像圖像,你可以使Ajax調用和檢索已上傳的圖像和dis玩,然後,你可以使用jquery來檢索img src,然後一起上傳 – sohaan 2012-04-16 08:53:21

+0

我一定會喜歡他們選擇一個圖片或上傳一個,因爲他們創建的事件。這是我的目標,但需要一些指導,以實現它的最佳方式。 – Eds 2012-04-16 09:09:37

1

Uploadify jQuery插件對於批量和/或AJAX上傳非常有效。我會處理你的情況的方法是這樣的:

  1. 秀的形式在同一頁上的所有圖像,併爲每個圖像與作爲按鈕的值圖像路徑相關的單選按鈕,這樣用戶只需檢查如果用戶想上傳圖片,使用Uploadify插件,他們希望使用的圖像,
  2. ,它的AJAX回調函數來動態填充的單選按鈕的現有列表。

我對你的問題發表了評論,詢問你是否存儲圖像(或其文件路徑)是因爲我認爲通過查詢一個上傳圖像列表會讓你更容易(也更乾淨)數據庫。就個人而言,我不會將圖像存儲在數據庫中,只存儲它們的文件路徑,並使用PHP來處理任何需要刪除或移動的圖像。以這種方式將圖像分配給其他實體(特別是在多對多關係中)更容易。

如果你不想將圖像的數據存儲在一個單獨的表中,我想你將不得不使用PHP文件系統函數來獲取已上傳文件的列表(glob想到,雖然可能會有更好的功能或者這個)。

編輯:

還有一個非常好的AJAX文件瀏覽器插件 - ckFinder,但我與它的經驗非常少,不能在其工作流程是不便置評,但如果你發現它是一個更優雅的解決方案,你應該嘗試一下。

+0

或者如果你有一個更新的PHP版本,DirectoryIterator類是使用glob的首選替代方案。 http://php.net/manual/en/class.directoryiterator.php – trickyzter 2012-04-16 09:02:41

+0

我會檢查你有兩個上面提到的,但你能指點我的任何教程如何從數據庫中正確插入,檢索和顯示圖像?謝謝 – Eds 2012-04-16 09:08:52

+0

@Eds,正如我在答案中提到的那樣,我不會將整個圖像存儲在數據庫中,所以我不熟悉該過程或知道任何教程(除了Google搜索它們,但您可以這樣做,就像以及我可以)。但是,如果您計劃將上傳的圖像與數據庫中的實體相關聯,那麼我建議您存儲它們的文件路徑或文件名,如果您將它們保存在單個受控文件夾中(例如,這可能是更靈活的解決方案如果你計劃遷移服務器)。這樣你只需要查詢數據庫中的基本信息,這些信息可以用HTML輕鬆輸出。 – 2012-04-16 09:24:50

相關問題