Jquery文件上传预览拇指

提问于 2024-04-18T19:33:47+08:00

浏览次

4

在http://blueimp.github.com/jQuery-File-Upload/的示例中，文件上传器会创建要作为缩略图上传的图像的预览 .

我知道如何在上传后显示缩略图，因为 done: 回调会返回有关您上传的文件的一些数据，但是如何在上传之前完成而不先实际上传文件（我认为如果没有先上传，这是不可能的）？

1 回答

5
我发现这方面的文档非常不稳定 . 我通过查看this demo的来源找到了它 .

首先，您需要包含以下依赖项：
- jquery
- jquery.ui.widget
- load-image（来自https://github.com/blueimp/JavaScript-Load-Image）
- load-image-meta（来自https://github.com/blueimp/JavaScript-Load-Image）
- canvas-to-blob（来自https://github.com/blueimp/JavaScript-Canvas-to-Blob）
- jquery.iframe-transport
- jquery.fileupload
- jquery.fileupload-process
- jquery.fileupload-image
然后你可以像这样将预览图像插入DOM（在CoffeeScript中）：
```
$(...).fileupload().on 'fileuploadprocessalways', (e, data) ->
  file = data.files[data.index]
  if file.preview?
    myContainer.append(file.preview)
```
如果它不起作用，请仔细检查您是否已包含所有依赖项的最新版本 .
回复于 2024-04-18T19:33:47+08:00

相关问题