jQuery＆PHP：上傳圖片並用新縮略圖刷新圖庫頁面

Question

我有一個包含圖片庫縮略圖的頁面。在此頁面上可以上傳更多圖片的鏈接。當你點擊鏈接時，會打開一個包含上傳表單（iframe中的jquery colorbox）的模式，這將允許您使用PHP一次上傳一個圖像（以及其名稱，標題等）。當表單被提交時，圖像上傳和頁面在模式中刷新以允許更多上傳。

由於此模式位於現有縮略圖的頂部，因此用戶在上載後會看到新的縮略圖添加到頁面中。這可能嗎？我將如何做到這一點？

Answer 1

我假設模態是在iframe。如果是這種情況，那麼當提交上傳並且模式表單被重新加載以允許另一上傳時，只需將先前上傳的文件信息（縮略圖URL）發送回父框架即可。例如：

parent.uploadCallback('http://my.domain.com/newly-uploaded-thumbnail.jpg'); 

然後在其中創建一個img對象，並將其添加到您的縮略圖列表中的主框架uploadCallback功能。