1

画像のドラッグ アンド ドロップ、html 5 ファイル API から画像の幅と高さを取得しようとしています。これは私が幅を取得しようとしている方法です:

function process_drop(evt) {

        evt.stopPropagation(); 
        evt.preventDefault(); 
        var files = evt.dataTransfer.files; 

    // run through each file individually.
    for (var i = 0, f; f = files[i]; i++) {

        console.log('file_size=' + f.size);

        // check if it is an image          
        if (f.type.match('image.*')) {
            console.log('this is an image ' + f.type);

            //try to get the file width
            var img = new Image();           
            img.src = f;
            console.log('img.width=' + img.width); //does not work           
        }


    } 
}

画像の幅と高さをピクセル単位で取得する適切な方法は何ですか?

4

1 に答える 1

1

<input type=file>object を のソースとして直接使用することはできません<img>。

最初に dataURI に変換します: https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images

また、幅の値にアクセスする前に Image.onload() イベントをトリガーする必要があります。

于 2012-04-27T22:22:09.403 に答える