通过位置angularjs从现有图像中获取图像大小

时间:2015-10-27 02:33:57

标签: javascript angularjs

我想验证以前保存过的现有图像大小。存储在数据库中的值只是图像名称。

这是我的HTML代码

<div ng-repeat="image in stored.images">
     <img ng-src="image_folder/{{image.name}}" />
</div>

有没有办法从angularjs中的图像路径获取图像大小(KB / MB而不是高度和宽度)?或者应该在java控制器中做些什么?

1 个答案:

答案 0 :(得分:2)

对于Angular来说,这是不可能的,因为唯一一个用javascript执行此操作的是执行图像的AJAX请求然后阅读

getResponseHeader('Content-Length')

标题属性。 Angular JS不适用于这类操作。

function httpGetFileSize(theUrl){
	//FETCH Data From Server
	xmlhttp=new XMLHttpRequest();
	xmlhttp.open("HEAD", theUrl , false );
	xmlhttp.send();   
	return xmlhttp.getResponseHeader('Content-Length');
}

这是这个问题的javascript答案。您也可以使用PHP或ASP

执行此服务器端