从指定的url地址获取图像尺寸信息

scimence

于 2023-09-08 10:41:40 发布

阅读量395

点赞数

文章标签：前端 javascript 开发语言获取指定url图像尺寸

本文链接：https://blog.youkuaiyun.com/scimence/article/details/132755460

版权

文章介绍了两个JavaScript函数：getImageSizeByUrl2用于从给定URL获取图像尺寸信息，loadPaperSize2则遍历试卷图片数组，通过getImageSizeByUrl2异步加载每个图片的尺寸，并在所有尺寸加载完成后调用回调。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


        // 从指定的url地址获取图像尺寸信息
        function getImageSizeByUrl2(url, index, callback) {
            let image = new Image();
            image.onload = function () {
                callback(index, {
                    width: image.width,
                    height: image.height
                });
            };
            image.onerror = function () {
                callback(index, {
                    width: 0,
                    height: 0
                });
            };
            image.src = url;
        }

        //加载试卷图片尺寸
        function loadPaperSize2(startIndex, getLen, callback) {

            pagePaperImageSize = [];
            for (var ix = 0; ix < pageArrPapers.length; ix++) {
                pagePaperImageSize.push({
                    width: 0,
                    height: 0
                });
            }

            for (var ix = 0; ix < pageArrPapers.length; ix++) {
                var imageUrl = (pageEditState ? "" : formHost) + pageArrPapers[ix];  // 获取图像url地址

                getImageSizeByUrl2(imageUrl, ix, function (index, param) {

                    pagePaperImageSize[index] = param;

                    if (index == pageArrPapers.length - 1) {
                        callback();
                    }
                });
            }
        }