Получить свойства изображения из 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