jQuery＆PHP：上传图片并用新缩略图刷新图库页面

Question

我有一个包含图片库缩略图的页面。在此页面上可以上传更多图片的链接。当你点击链接时，会打开一个包含上传表单（iframe中的jquery colorbox）的模式，这将允许您使用PHP一次上传一个图像（以及其名称，标题等）。当表单被提交时，图像上传和页面在模式中刷新以允许更多上传。

由于此模式位于现有缩略图的顶部，因此用户在上载后会看到新的缩略图添加到页面中。这可能吗？我将如何做到这一点？

Answer 1

我假设模态是在iframe。如果是这种情况，那么当提交上传并且模式表单被重新加载以允许另一上传时，只需将先前上传的文件信息（缩略图URL）发送回父框架即可。例如：

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

然后在其中创建一个img对象，并将其添加到您的缩略图列表中的主框架uploadCallback功能。