Javascript 在ng文件上载中以原始大小生成图像预览

我希望使用ng file upload angular插件的ngf缩略图指令，在用户从计算机上选择图像后生成图像预览。但是，图像的大小仅限于包含缩略图的元素的大小，或者在创建指令时需要指定大小

是否可以在插件框架内使用图像的原始大小生成图像预览。我想知道除了使用FileReader/onload事件（）读取图像之外，是否还有其他选择

请参阅此代码示例：

删除

---

这是一个关于如何使用这个插件的JS文件，你可以通过上传一个图像来重现这个问题。更改“thumb”类的高度和宽度将不起作用

在您的问题中添加代码，并根据请求使用

ngf src

而不是

ngf缩略图添加jsfiddle

。感谢您的澄清。对于那些只想知道图片大小的人，你也可以上传.imageDimensions，如@danial所建议：在你的问题中添加代码，并根据要求添加JSFIDLE使用

ngf src

而不是

ngf缩略图

。谢谢你的澄清。对于那些只需要图像大小的用户，您也可以按照@danial的建议上传.imageDimensions，如下所示：

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