本回显示更换的图片

原创于 2017-06-29 11:32:03 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UploadImg</title>
    <script>
        function change(file , img) {
            console.info("change");
            var i = document.getElementById(img);
            if (file.value != null) {
                var f = file.files[0];
                var reader = new FileReader();
                reader.readAsDataURL(f);
                reader.onload = function (e) {
                    i.src = this.result;
                };
            }
        }

    </script>

</head>
<body>
<img width="100%" src="" id="img">

<input type="file" onchange="change(this , 'img')" id="file">

</body>
</html>