JS 文件上传之 FileReader

Rand Tsui

于 2017-03-20 17:25:11 发布

阅读量3.3k

点赞数

分类专栏： web前端文章标签： javascript web前端 FileReader

本博客所有公开的原创博文皆允许转载，无须再征求作者本人（也就是我）同意

本文链接：https://blog.csdn.net/for_cxc/article/details/64129007

版权

web前端专栏收录该内容

85 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SA</title>
    <link rel="stylesheet" href="http://oscxc.oschina.io/open/open.css">
    <script src="http://oscxc.oschina.io/open/open.js"></script>
    <script>
        $.domLoad(function () {
            $("#bt").onclick = function () {
                var file = document.createElement("input");
                file.setAttribute("type","file");
                file.setAttribute("multiple",true);
                file.click();
                file.onchange = function () {
                    var reader = new FileReader();
                    reader.onload = function () {
                        var data = this.result;
                        var length = data.length;
                    };
                    reader.readAsArrayBuffer(this.files[0]);
                };
            };
//            $.get("/home/SayHi",function (data) {
//                console.log(data);
//            });
        });
    </script>
</head>
<body>
<input type="button" id="bt" value="上传文件">
</body>
</html>