[Jquery,JS] как определить размер (в кб) картинки?

Модератор: Модераторы разделов

Аватара пользователя
gcc
Сообщения: 526
ОС: FreeBSD 8.0 CURRENT

[Jquery,JS] как определить размер (в кб) картинки?

Сообщение gcc »

как определить размер (в кб) картикни/изображения??

размер ширины и длинны работает:

Код: Выделить всё


        var newImg = new Image();
        var height, width;

        newImg.onload = function() {
        height = newImg.height;
        width = newImg.width;

        };

        newImg.src = 'file://localhost/usr/home2/di/11/p/29/1.jpg';

       var height = newImg.height;
        var width = newImg.width;

        var size = newImg.size;



    alert ('The image size is '+size+'*'+height);

          $(".info").html( " "+width+" x "+height+", "+size+" Кбайт ");



а как определить именно размер картинки в кб?

вроде бы CSS ДОМ сохраняет это...?

очень желательно определить размер на Javascript...
Спасибо сказали:
Аватара пользователя
gcc
Сообщения: 526
ОС: FreeBSD 8.0 CURRENT

Re: [Jquery,JS] как определить размер (в кб) картинки?

Сообщение gcc »

сделал:

Код: Выделить всё

        var newImg = new Image();
        var height, width;

        newImg.onload = function() {
        height = newImg.height;
        width = newImg.width;

        };

    newImg.src = 'http://x0.org.ua/test/p/29/1.jpg';


function getImageSizeInBytes(imgURL) {
    var request = new XMLHttpRequest();
    request.open("HEAD", imgURL, false);
    request.send(null);
    var headerText = request.getAllResponseHeaders();
    var re = /Content\-Length\s*:\s*(\d+)/i;
    re.exec(headerText);
    return parseInt(RegExp.$1);
}


       var height = newImg.height;
        var width = newImg.width;


   var size_image = getImageSizeInBytes('http://x0.org.ua/test/p/29/1.jpg');

 size_image = size_image / 1000;


//    alert(getImageSizeInBytes('http://x0.org.ua/test/p/29/1.jpg'));

//    alert ('The image size is '+size+'*'+height);



          $(".info").html( " "+width+" x "+height+", "+size_image+"  kb ");



[code]


я хочу добавить в Open source галерею, вот ее сайт http://www.twospy.com/galleriffic

======

я еще исправил несколько ошибок....

http://x0.org.ua/gallery_test/index.html

а помогите протестирвоать на разных браузерах?

по-моиму оно глючит часто почему-то или нет??

нажмите, пожалуйста, несколько раз (3-6 раз) по превью и по большой картинке... нормально, ли? видно ли разрешение и размер всегда?
works:
Спасибо сказали:
neol
Сообщения: 600
ОС: Debian Stable

Re: [Jquery,JS] как определить размер (в кб) картинки?

Сообщение neol »

Всегда выводит вот такое:

Код: Выделить всё

0 x 0, 0.675 Кбайт

Ну ссылка на изображение там захардкожена, причем битая, а вот с разрешением не понял. Проверял в последнем хроме и фф 3.6.8
И все это делается ну оооочень медленно. У вас слабый канал?
Спасибо сказали:
Аватара пользователя
gcc
Сообщения: 526
ОС: FreeBSD 8.0 CURRENT

Re: [Jquery,JS] как определить размер (в кб) картинки?

Сообщение gcc »

понтяно, оно с начало не работало под оперу9, а работало под firefox3

сейчас я сделал чтобы работало под оперу9, но теперь не работат под firefox3
:)

на счет притормаживает, может быть из-за того что определяется размер картинки или размер в байтах...
т.е. в фотогалерею можно поставить ссылки из других сайтов, и чтобы картинки были в фотогалереи, т.е. хочтеся сделать чтобы оно это определяло...


а кто шарит что с этим делать?
Спасибо сказали:
Аватара пользователя
gcc
Сообщения: 526
ОС: FreeBSD 8.0 CURRENT

Re: [Jquery,JS] как определить размер (в кб) картинки?

Сообщение gcc »

UPD: я пути подправил попробуйте еще, пожалуйста??

вродебы вторая картинка не определяет разрешение?

а так работает?
Спасибо сказали:
neol
Сообщения: 600
ОС: Debian Stable

Re: [Jquery,JS] как определить размер (в кб) картинки?

Сообщение neol »

В фоксе все норм
в хроме рамер изображения показывает после второй загрузки (я так понимаю, скрипт вычисляет размер до того как закачается изображение)
В опере 10 не показывает размер файла и такая же беда, как с хромом.
Спасибо сказали: