Получить свойства изображения из url

[ksevelyar]

Подгружаю изображение через js. Как получить размер и название?

Получаю undefined вместо этих самых размера и названия, когда пытаюсь сделать так:

var f = 'image.png'

var reader = new FileReader();

reader.onload = (function(f) {
var li = $("<li></li>");
$(list).append(li);

var a = $("<a href='#'></a>");
$(li).append(a);

$(a).append("<img src='"+ f +"'/>");

$(a).append("<span class='name'>" + f.name + "</span>");

$(a).append("<span class='size'>" + bytesToSize(f.size) + "</span>");

$(li).append("<a href='#remove' class='remove'>remove</a>");
})(f);

reader.readAsDataURL(f);

[vadim5june]

Вы с помощью <input type=file> подгружаете?
name size должны определятся
то как у Вас написано f-type String

[ksevelyar]

Вы с помощью <input type=file> подгружаете?
name size должны определятся

Нет, url c моего домена. Просто я кроме как через файлридер не знаю как получить информацию.

Нагуглил ещё это:

var request;
request = $.ajax({
type: "HEAD",
url: $("#url").val(),
success: function () {
alert("Size is " + request.getResponseHeader("Content-Length"));
}
});


Но тут уже непонятно что лучше, хранить в базе данных размер файлов или забирать размер подобным образом через ajax.

[vadim5june]

Нет, url c моего домена
так не получится-название Вы сами вводите-зачем его определять?
Размер файла в байтах можно определить если загружать с помощью
xhr2