FileReader除了有函数readAsDataURL,另外还有另外两个函数readAsBinaryString 和 readAsText,分别可以将选择的文件读取成二进制和文本格式
来源:互联网 发布:win7网络发现打不开 编辑:程序博客网 时间:2024/06/05 00:59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
//判断浏览器是否支持FileReader接口
if (typeof FileReader == 'undefined') {
document.getElementById("xmTanContentDiv").InnerHTML = "<p>当前浏览器不支持FileReader接口!</p>";
document.getElementById("xmTanFile").setAttribute("disabled", "disabled");
}
//选择文件
function xmTanUploadFile(obj){
if (obj.files.length < 1) return;
var file = obj.files[0];
if (file.size > 1024 * 1024) {
alert("文件大于1M, 太大了,小点吧!");
obj.value = "";
return;
}
}
//读取文件为二进制
function readAsBinaryString() {
var obj = document.getElementById("xmTanFile");
if (obj.files.length < 1) return;
var file = obj.files[0];
var reader = new FileReader();
//将文件以二进制形式读入页面
reader.readAsBinaryString(file);
reader.onload = function (f) {
document.getElementById("xmTanContentDiv").innerHTML = this.result;
}
}
//读取文件为文本
function readAsText() {
var obj = document.getElementById("xmTanFile");
if (obj.files.length < 1) return;
var file = obj.files[0];
var reader = new FileReader();
//将文件以文本形式读入页面
reader.readAsText(file);
reader.onload = function (f) {
document.getElementById("xmTanContentDiv").innerHTML = this.result;
}
}
</script>
<div style="border: 2px dashed red; padding: 20px 0px;">
<label>选择文件:</label>
<input type="file" id="xmTanFile" accept=".html,.js,.css,.txt,.cs,.xml" onchange="xmTanUploadFile(this)"/>
<input type="button" value="读取成二进制数据" onclick="readAsBinaryString()" />
<input type="button" value="读取成文本数据" onclick="readAsText()" />
<input type="button" value="隐藏读取内容" onclick="document.getElementById('xmTanContentDiv').style.display = 'none';"/>
<input type="button" value="显示读取内容" onclick="document.getElementById('xmTanContentDiv').style.display = 'block';"/>
<div id="xmTanContentDiv"></div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
//判断浏览器是否支持FileReader接口
if (typeof FileReader == 'undefined') {
document.getElementById("xmTanContentDiv").InnerHTML = "<p>当前浏览器不支持FileReader接口!</p>";
document.getElementById("xmTanFile").setAttribute("disabled", "disabled");
}
//选择文件
function xmTanUploadFile(obj){
if (obj.files.length < 1) return;
var file = obj.files[0];
if (file.size > 1024 * 1024) {
alert("文件大于1M, 太大了,小点吧!");
obj.value = "";
return;
}
}
//读取文件为二进制
function readAsBinaryString() {
var obj = document.getElementById("xmTanFile");
if (obj.files.length < 1) return;
var file = obj.files[0];
var reader = new FileReader();
//将文件以二进制形式读入页面
reader.readAsBinaryString(file);
reader.onload = function (f) {
document.getElementById("xmTanContentDiv").innerHTML = this.result;
}
}
//读取文件为文本
function readAsText() {
var obj = document.getElementById("xmTanFile");
if (obj.files.length < 1) return;
var file = obj.files[0];
var reader = new FileReader();
//将文件以文本形式读入页面
reader.readAsText(file);
reader.onload = function (f) {
document.getElementById("xmTanContentDiv").innerHTML = this.result;
}
}
</script>
<div style="border: 2px dashed red; padding: 20px 0px;">
<label>选择文件:</label>
<input type="file" id="xmTanFile" accept=".html,.js,.css,.txt,.cs,.xml" onchange="xmTanUploadFile(this)"/>
<input type="button" value="读取成二进制数据" onclick="readAsBinaryString()" />
<input type="button" value="读取成文本数据" onclick="readAsText()" />
<input type="button" value="隐藏读取内容" onclick="document.getElementById('xmTanContentDiv').style.display = 'none';"/>
<input type="button" value="显示读取内容" onclick="document.getElementById('xmTanContentDiv').style.display = 'block';"/>
<div id="xmTanContentDiv"></div>
</div>
</body>
</html>
阅读全文
0 0
- FileReader除了有函数readAsDataURL,另外还有另外两个函数readAsBinaryString 和 readAsText,分别可以将选择的文件读取成二进制和文本格式
- 除了互联网,还有另外一片天空
- 利用FileReader.readAsText()读取文件内容并保存到服务器
- GTK 环境编写的hello world ,另外 两个按钮分别实现读写文件
- fread函数操作过程中二进制和文本的区别
- html5 使用FileReader对象的readAsDataURL方法来读取图像文件
- 使用FileReader对象的readAsDataURL方法来读取图像文件
- 使用FileReader对象的readAsDataURL方法来读取图像文件
- 使用FileReader对象的readAsDataURL方法来读取图像文件
- 使用FileReader对象的readAsDataURL方法来读取图像文件
- 分支判断选择的另外一种方式(类似switch case和if elseif),使用正则表达式定义的宏函数
- 利用函数启动另外的函数,将输入的字符串转化为大写
- 一个不错的日历选择框(有两个,一个只有日期,另外一个日期时间都有)
- MFC中怎样将位图写入指定的Picture控件中,两种方式:1 加载已有位图 2读取位图文件;另外CreateDIBitmap的用法和StretchDIBits用法举例
- MFC中怎样将位图写入指定的Picture控件中,两种方式:1 加载已有位图 2读取位图文件;另外CreateDIBitmap的用法和StretchDIBits用法举例
- 我的另外一个博客也可以访问了,有PHP和Java技术视频
- 将任意一颗二叉树转变为每一个节点都是另外两个孩子节点的和
- 如何将*.wmv,*.avi等格式保存到iphone本地,并且可以不借助另外的播放器app打开?
- 余弦相似度
- tty初探—uart驱动框架分析
- cordova的安装,更新及工程bulid问题的分析和解决
- 学习新的编程语言需要HelloWrold的原因
- Calendar.HOUR_OF_DAY 和 Calendar.HOUR区别
- FileReader除了有函数readAsDataURL,另外还有另外两个函数readAsBinaryString 和 readAsText,分别可以将选择的文件读取成二进制和文本格式
- iOS中的delegate的用法和规范
- ELK+Kafka 企业日志收集平台(二)这是原版
- css实现表单文本框对齐
- phpStrom提升内存。
- Spring容器创建对象的时间
- Android系统adb调试命令及常用抓log方法
- 用 Python 3 的 async / await 做异步编程
- js 的日期加天数 或者加月