get size of file jquery

Question

My view I want to check file if it bigger than 500 kb give for example alert()

<img src="@Model.Value" width="95" height="80" id="down-load" data-id="@Model.Key" data upload="@Url.Action("AddPreview", "Images")" />

(function ($) {
$("[data-id]").each(function () {
    var $this = $(this);
    $($this).upload({
        name: 'attachments',
        action: $this.data("upload"),
        enctype: 'multipart/form-data',
        params: {},
        autoSubmit: true,
        onSubmit: function () { },
        onSelect: function () {
         var size = $('#down-load')[0].files[0].size;//do not work

        },
        onComplete: function (e) {
            if (e.charAt(0) != '[') {
                $.fn.showUserActionNotification(e, true);
                return;
            }

            var data = JSON.parse(e);
            if (data[0].Error) {
                $.fn.showUserActionNotification(data[0].Error, true);
            }
            else if (data[0].Preview) {
                $this.attr("src", data[0].Preview);
            }
        }
    });

    $this.parent().find("input").css("cursor", "pointer");
});
})(jQuery);

I want to get size on function onSelect to check it on big Is any body can help me?

Possible duplication is here: http://stackoverflow.com/questions/1601455/check-file-input-size-with-jquery/3937404#3937404 — Pavlo, Feb 17 '14 at 12:57
Looks like you should use it like: $('#down-load').files[0].size — Pavlo, Feb 17 '14 at 12:58
http://stackoverflow.com/questions/1601455/check-file-input-size-with-jquery it is not working — user246340, Feb 17 '14 at 14:36
the element with id `down-load` is an `img` element . `img` elements do not store files. you need to use an `input` element of type `file` — anurupr, Feb 17 '14 at 14:55

score 0 · Accepted Answer · answered Feb 28 '14 at 10:13

I have done function

var imageSize = function (e) {
return $.map(e.files, function (file) {
    var name = file.name;
    var size = file.size;

    if (size > 512000) {
        var alert = $(".valid-size-goods").text(name + ": " + (size / 1024).toFixed(2) + " kb");
        alert.dialog({
            title: alert.attr("dlgTitle"),
            modal: true,
            resizable: false,
            buttons: [{ text: alert.attr("btn"), click: function () { $(this).dialog("close"); } }]
        }); return false;
    }
    return true;
});

};

and put it to onSelect:imageSize(e)

get size of file jquery

1 Answers1