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) 

如果不起作用，請再次檢查是否包含所有依賴項的最新版本。