我认为最好的javascript方法是将HTMLImageElement对象与延迟对象一起使用:
function isImage(src) {
var deferred = $q.defer();
var image = new Image();
image.onerror = function() {
deferred.resolve(false);
};
image.onload = function() {
deferred.resolve(true);
};
image.src = src;
return deferred.promise;
}
用法:
isImage('http://asd.com/asd/asd.jpg').then(function(test) {
console.log(test);
});
使用HTMLImageElement
具有一些好处:不仅测试文件可下载,而且是可以通过img
标记显示的有效图像资源。
我将此代码包装在简单的服务中进行测试,它似乎可以工作:
app.controller('MainCtrl', function($scope, Utils) {
$scope.test = function() {
Utils.isImage($scope.source).then(function(result) {
$scope.result = result;
});
};
});
app.factory('Utils', function($q) {
return {
isImage: function(src) {
// ... above code for isImage function
}
};
});