html5解析文件流,H5 读取文件流

本文介绍如何使用HTML5的FileReader API来处理文件流,包括读取文本、图片等不同类型的文件。通过示例代码展示了读取文本文件内容并显示,以及读取图像文件并显示的方法。
摘要由CSDN通过智能技术生成

代码:

文件读取

div {

margin-top: 30px;

border: solid 1px black;

padding: 5px;

}

function processFiles(files) {

var file = files[0];

var message = document.getElementById("message");

message.innerHTML = "文件名:" + file.name + "
";

message.innerHTML += "文件大小:" + file.size + "字节
";

message.innerHTML += "文件类型:" + file.type + "
";

var type = getFileName(file.name);

console.log(type);

var reader = new FileReader();

/*

第一种:读取文本文件,显示

*/

if(type == "txt" || type == "md" || type == "pdf" || type == "ppt" || type == "html" || type == "d

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值