arrayBuffer读取本地文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <input type="file" name="" id="fileInput">

    <script>

        //获取元素

        var fileInput = document.querySelector("#fileInput");

        //监听事件

        fileInput.onchange = function() {

            //获取文件

            var file = this.files[0];

            //读取文件

            var fileReader = new FileReader();

            //转换文件为ArrayBuffer

            fileReader.readAsArrayBuffer(file);

            //监听完成事件

            fileReader.onload = function() {

                //打印arraybuffer的字节长度 也是文件的大小 到了这一步就可以使用arraybuffer进行

                //文件的修改之类的操作了

                console.log(fileReader.result.byteLength);

            }

        }

    </script>

</body>

</html>

具体操作按照需要使用的情况而定

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

//获取元素

var fileInput = document.querySelector("#fileInput");

//监听事件

fileInput.onchange = function() {

//获取文件

var file = this.files[];

//读取文件

var fileReader = new FileReader();

//转换文件为ArrayBuffer

fileReader.readAsArrayBuffer(file);

//监听完成事件

fileReader.onload = function() {

//打印arraybuffer的字节长度也是文件的大小到了这一步就可以使用arraybuffer进行

//文件的修改之类的操作了

console.log(fileReader.result.byteLength);

}

</script>

</body>

</html>

巴特西

arrayBuffer读取本地文件

最新文章

热门文章