Question

我希望能够让用户将图像输入到网页中。他们从计算机导入文件后，图像便会显示在img中。

<body>
    <img id="myImage" height="200px" width="200px">
    <input type="file" id="ImageInput" oninput="changeImage()">
    <script>
        function changeImage(){
            //def each element involved
            imageBox=document.getElementById("myImage");
            inputBox=document.getElementById("ImageInput");

            //set link from input box to image box link
            console.log(inputBox.files[0])
            imageBox.setAttribute("src",inputBox.files[0].name);
        }
    </script>
</body>

此代码无法找到导入的图像，因此什么也没做，并拉出错误ERR_FILE_NOT_FOUND。

目前，我认为它只是试图在本地查找文件而失败，因为它不在本地目录中，但不确定。

Answer 1

设置名称将不起作用。 this.files[0].mozFullPath尝试设置正确的文件路径

如何使用<input>显示图像

1 个答案: