Question

我不是很擅长JS。我有一个问题，无法找到解决方案。这是我的代码，它将图像放入输入后显示。我想显示它们但我也需要它们的大小，其中一些需要调整大小，但其他没有。我发现了一些带有src图片的代码，但在这里我认为不是src。图片可能不是我的。

有没有办法获得没有src的大小或如何从这段代码中获取它？

<img id="uploadPreview" style="width: 600px; height: 400px" />

<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />

<script type="text/javascript">
function PreviewImage() {
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
        document.getElementById("uploadPreview").src = oFREvent.target.result;
    };
};

Answer 1

以下是获取字节和宽度/高度大小的代码。

您必须从img#uploadPreview标记中删除宽度和高度才能生效。

function PreviewImage() {
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
        var element = document.getElementById("uploadPreview");
        document.getElementById("uploadPreview").src = oFREvent.target.result;

        //total size in bytes
        var sizeInBytes = oFREvent.total;

        //for this to work, you have to remove the width/height from the img#uploadPreview element
        var imageWidth = element.width;
        var imageHeight = element.height;
    };
};

获取图像大小，src，Javascript

1 个答案: