使用關聯的數據上傳多張圖片

我正在上傳多張圖片，並將關聯數據存儲在數據庫中。數據最重要的將包括一個標題和一個文件名（以便以後可以訪問該圖像）。使用關聯的數據上傳多張圖片

我喜歡它，我點擊一個上傳按鈕，選擇我想要的圖像，圖像上傳並顯示爲縮略圖（或可能只是文件名）。每個縮略圖/文件名也可以有一個字段，用戶可以輸入圖像的標題。然後提交圖像上傳和數據可以鏈接在一起。

我已經四處尋找一個插件或其他東西，這將有助於這個，但令人驚訝的沒有太多的運氣，並想知道如果任何人有一些經驗，這是知道一個適合的工具。這似乎是一個普遍的問題，有人會爲它做一個插件。

從更大的圖片來看，我有一個items db表和一個item_pics db表。我希望能夠添加item並同時上傳多個item_pics以及item_id和他們自己的標題。

來源

2014-01-09 smerny

我的5美分將整合DropzoneJs與Miles的上傳器。
DropzoneJs：http://www.dropzonejs.com/
者：http://milesj.me/code/cakephp/uploader

DropzoneJs給出了一個非常漂亮的前端用戶界面，並上傳處理的後端文件上傳幾乎一切。

來源

2014-01-09 02:45:58 XuDing

如果您發現了一些用於上傳文件的插件/組件/行爲，然後重建您的關係（例如到hasMany）並將您的表單中的文件字段重命名爲Model.{n}.filefieldname，並且應該使用多次上傳。

來源

2014-01-09 09:21:37 kicaj

一起使用jquery文件上傳和FileStorage。前端腳本與jquery和angular一起工作良好，FileStorage提供了一個完整的堆棧來管理應用程序中的文件。您只需在項目和file_storage表之間添加所需的HABTM關聯。請注意，FileStorage也適用於Amazon S3和其他存儲後端，而不僅僅是本地文件系統。

http://blueimp.github.io/jQuery-File-Upload/（前端）
https://github.com/burzum/FileStorage（後端）

來源

2014-01-09 12:24:00 burzum

使用關聯的數據上傳多張圖片

回答

相關問題