javascript - 无法显示我从用户加载的图像

Question

我想使用 blueimp-file-upload 节点。我导入了它并使用了网站上的示例代码。我可以加载图像，但无法在屏幕上显示它。我没有我知道的结果 div，但在网站上我找不到结果代码。我只想显示我在 div 中加载的图像，以便我可以在网站上看到它。

在我的 .html 文件中，我只有对节点和我的 .js 文件的引用

<script src ="https://cdnjs.cloudflare.com/ajax/libs/blueimp-load-image/2.24.0/load-image-exif-map.js"></script>
<script scr="./load.js"></script>

我的 .js 文件如下所示

document.getElementById("file-input").onchange = function(e) {
    loadImage(
        e.target.files[0],
        function(img) {
            document.body.appendChild(img);
        },
        { maxWidth: 600 } // Options
    );
};

Answer 1

您有 scr 而不是 src!

<script src="./load.js"></script>