我正在使用带有java后端的角度成功地使用blueimp的jquery-file-upload . 它通过POST调用正确上传每个文件 . 来自jquery.fileupload-image.js的内置缩略图预览在选择文件时出现,但在完成时消失 .
我无法将自己生成的缩略图存储在我的服务器上,所以我想知道是否可以只注入这些预览 . 我如何展示这些预览?
前端(内部重复):
<td data-ng-switch data-on="!!file.thumbnailURL">
<div class="preview" data-ng-switch-when="true">
//shows when upload complete.. unsure what to put here
<div class="previewImage"></div>
</div>
<div class="preview" data-ng-switch-default data-file-upload-preview="file">
//already shows generated preview before upload finishes</div>
</td>
我相信我需要在控制器中做这样的事情:
//Listen to upload library for successful upload
$scope.$on('fileuploaddone', function(e,data){
if (data.files[0].preview){
//inject preview somehow to DOM's .previewImage?
}
})
1 回答
通过这样做,我能够显示前端生成的预览缩略图
HTML:
控制器: