Jquery文件上传预览拇指

Question

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

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

Answer 1

我发现这方面的文档非常不稳定.我通过查看此演示的源代码来解决这个问题.

首先,您需要包含以下依赖项:

• 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运输
• 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)

如果它不起作用,请仔细检查您是否已包含所有依赖项的最新版本.