我希望使用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'类的高度和宽度将不起作用。