blueimp jQuery-File-Upload在上传图像后不显示缩略图

Question

我从这里的版本9.12.1 下载了最新的插件和依赖项.我将下载的文件复制到我的wamp服务器中,并从localhost/jQuery-File-Upload-9.12.1/index.html访问它.

选择图像文件后,在上传之前会显示图像预览.但是一旦上传图像,缩略图就不会显示出来.

但是在Inspect Element中,缩略图的链接出现在图像src中.

文件上传到服务器文件夹并创建缩略图.

显示图像的名称和大小.

我究竟做错了什么 ？

Answer 1

用肮脏的伎俩制作......循环直到图像准备好然后显示预览图像。
请参阅jQuery：检查图像是否存在。就我而言，我在图像标签之前使用...

            while(urlExists(file.path) != 200) {
                   console.log("still loading image");
            }
            <img src="=file.path" width="100px">

问题是写入图像比对客户端的响应有点晚。因此，该图像在渲染为 html 后会出现 404 错误。但当我检查时图像确实存在。如上面的代码片段，我试图在服务器成功创建图像后等待加载图像。我知道这不是一个好方法，但它确实有效。我相信这个错误在生产模式下不会发生，我正在尝试修复在本地主机上运行的问题。