React получить исходный размер оригинала [дубликат]

По моему мнению, проще использовать numpy:

import numpy as np
list1=[1,2,3]
list2=[4,5,6]
np.add(list1,list2)

Результаты:

Подробный параметр информацию, проверьте здесь: numpy.add

46
задан Roko C. Buljan 30 July 2015 в 23:33
поделиться

4 ответа

Получить размер изображения с помощью jQuery

function getMeta(url){
    $("<img/>",{
        load : function(){
            alert(this.width+' '+this.height);
        },
        src  : url
    });
}

Получить размер изображения с помощью JavaScript

function getMeta(url){   
    var img = new Image();
    img.onload = function(){
        alert( this.width+' '+ this.height );
    };
    img.src = url;
}

Получить размер изображения с помощью JavaScript (современные браузеры, IE9 +)

function getMeta(url){   
    var img = new Image();
    img.addEventListener("load", function(){
        alert( this.naturalWidth +' '+ this.naturalHeight );
    });
    img.src = url;
}

Используйте приведенное выше просто как: getMeta( "http://example.com/img.jpg" );

https://developer.mozilla.org/en/docs/Web/API/HTMLImageElement

81
ответ дан Roko C. Buljan 3 September 2018 в 15:39
поделиться
17
ответ дан feychou 3 September 2018 в 15:39
поделиться

ES6: Используя async/await, вы можете сделать это последовательно-способом

async function getMeta(url) {
    return new Promise((resolve, reject) => {
        let img = new Image();
        img.onload = () => resolve(img);
        img.onerror = reject;
        img.src = url;
    });
}

И вы можете использовать его следующим образом (что почти идентично коду в вашем вопросе (я добавляю await ключевое слово и изменить переменную end на img и изменить var на let ключевое слово)

let img = await getMeta("http://shijitht.files.wordpress.com/2010/08/github.png");
let w = img.width;
let h = img.height; 
alert(w+'width'+h+'height');

помните, что если вы вызываете getMeta в некоторой функции, он должен иметь async в его определении.

2
ответ дан Kamil Kiełczewski 3 September 2018 в 15:39
поделиться

Переменные w и h в функции img.onload находятся не в той же области, что и в функции getMeta(). Один из способов сделать это:

Fiddle: http://jsfiddle.net/ppanagi/28UES/2/

function getMeta(varA, varB) {
    if (typeof varB !== 'undefined') {
       alert(varA + ' width ' + varB + ' height');
    } else {
       var img = new Image();
       img.src = varA;
       img.onload = getMeta(this.width, this.height);
    }
}


getMeta("http://snook.ca/files/mootools_83_snookca.png");
8
ответ дан Panagiotis Panagi 3 September 2018 в 15:39
поделиться
Другие вопросы по тегам:

Похожие вопросы: