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

标签 php jquery jquery-file-upload blueimp

我已经从here 下载了最新 插件和依赖项|版本 9.12.1。

我将下载的文件复制到我的 wamp 服务器中,并从 localhost/jQuery-File-Upload-9.12.1/index.html 访问它。

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

但是在 Inspect Element 中缩略图的链接存在于图像 src 中。

enter image description here

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

enter image description here

正在显示图像的名称和大小。 enter image description here

我做错了什么?

最佳答案

用卑鄙的把戏制作...循环直到图像准备就绪,然后再显示预览图像。
参见jQuery: Check if image exists .在我的例子中,我在图像标签之前使用了...

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

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

关于php - 上传图像后blueimp jQuery-File-Upload不显示缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35692093/

相关文章:

javascript - krajee 基于 ajax 的文件上传使用文件输入插件

javascript - Rails 中的 JQuery 文件上传 - 表单仍在发送 HTML 请求?

javascript - 如何使用 Jquery FileUpload 库完全删除任何类型的缩略图?

php - 使用 PHP 从 html 表单转为 PDF

Jquery if 语句检查当前样式表

php - 当输入字段有撇号时Mysql插入不起作用

jquery - 单击按钮后,tinyMCE 光标位于文本中间

用于选择共同父级的 sibling 的 jquery 选择器

PHP:有人可以为我简化这个 IF 语句吗?

php - 在数据库中分别更新多个图像