jquery文件上传预览大拇指

Question

在http://blueimp.github.com/jQuery-File-Upload/的示例中，文件上传程序会将您要上传的图像预览为缩略图。

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

Answer 1

我发现这个文档很不稳定。通过查看this demo的来源，我发现了它。

首先，你需要包括以下依存关系：

• jQuery的
• jquery.ui.widget
• 负荷图像（从https://github.com/blueimp/JavaScript-Load-Image）
• 加载图像元（从https://github.com/blueimp/JavaScript-Load-Image）
• canvas-to-blob（from https://github.com/blueimp/JavaScript-Canvas-to-Blob）
• jquery.iframe-transport
• jquery.fileupload
• jquery.fileupload过程
• jquery.fileupload图像

然后，你可以插入预览图像到这样的DOM（在CoffeeScript中）：

$(...).fileupload().on 'fileuploadprocessalways', (e, data) -> 
    file = data.files[data.index] 
    if file.preview? 
    myContainer.append(file.preview) 

如果不起作用，请再次检查是否包含所有依赖项的最新版本。