在ng-file-upload中生成原始大小的图像预览

时间:2015-10-13 18:31:12

标签: javascript angularjs ng-file-upload

我希望使用ng-file-upload angular插件的ngf-thumbnail指令,一旦用户从他们的计算机中选择图像,就会生成图像的预览。但是,图像的大小限制为包含缩略图的元素的大小,或者在创建指令时需要指定大小。

是否可以在插件框架内使用原始大小生成图像预览。我想知道是否有其他选择,而不是使用FileReader / onload事件(Getting Image Dimensions using Javascript File API

读取图像

请注明代码示例:http://jsfiddle.net/danialfarid/maqbzv15/

 <img ng-show="myForm.file.$valid" ngf-thumbnail="!picFile.$error && picFile" class="thumb"> <button ng-click="picFile = null" ng-show="picFile">Remove</button>

这是一个关于如何使用此插件的JS小提琴,您可以尝试通过上传图像来重现该问题。更改'thumb'类的高度和宽度将不起作用。

0 个答案:

没有答案