zoukankan html css js c++ java

H5新属性FileReader实现选择图片后立即显示在页面上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="file" id="file"  multiple="multiple" onchange="read()">
<div id="imgDiv"></div>
</body>
<script>
    //可以选择多个文件加载在页面
   function read(){
        var file = document.getElementById("file");
        var imgDiv = document.getElementById("imgDiv");
        for(var i=0;i<file.files.length;i++){
            let reader = new FileReader();
            var file1 = file.files[i];
            reader.readAsDataURL (file1);
            reader.onload = function (result) {
                //reader对象的result属性存储流读取的数据
                imgDiv.innerHTML += '<img src="' + reader.result + '" alt=""/>'
                console.log(reader.result) // 打印出转换后的base64
            }
        }
    }
</script>
</html>

推荐博客：https://blog.csdn.net/yaoyuan_difang/article/details/38582697

查看全文

相关阅读:
Unix + OS IBM Aix System Director
framework apache commons
维吉尼亚密码
 破译换字式密码
 维吉尼亚密码表
 维吉尼亚密码表
 delete i;
破译换字式密码
 破译换字式密码
 int *i = new int;

原文地址：https://www.cnblogs.com/coder-lzh/p/9555923.html