如何只接受小于1920x1080的照片（来自文件资源管理器）？否则，我的整个网页都会被一张图片淹没。下面是我导入照片的代码：

HTML：

<代码><；输入类型="；文件"；ID="；文件"；接受="；图像/PNG，IMG/JPEG"；>；

JavaScript：

<input type="file" id="file" accept="image/png, img/jpeg">

顺晟科技：

您不需要检查图像大小。您可以只使用CSS来调整图像的大小，这样它就不会填满页面。

<input type="file" id="file" accept="image/png, img/jpeg" @change="selectFile">

这样，图像的宽度不会超过300像素，也不会填满整个页面。

您可以使用画布来调整较大图像的大小。

<代码><；输入类型="；文件"；ID="；文件"；接受="；图像/PNG，IMG/JPEG"；@更改="；选择文件

    function Read(){
    var file = document.getElementById("file").files[0];
    var reader  = new FileReader();
    reader.onload = function(e)  {
        var image = document.createElement("img");
        // the result image data
        image.src = e.target.result;
        document.body.appendChild(image);
  }
    reader.readAsDataURL(file);
  }