前端读取文件

<input type="file" onchange="readFiles(this.files)/>
function readFiles(files){
	var file = files[0];
}

file对象

在这里插入图片描述

  • lastModified 最后一次修改事件(毫秒数)
  • name 文件名
  • type 文件类型
  • size 文件大小

FileReader

  • 构建FileReader实例
  • 选择要使用的读取方式
    readAsDataURL(file) 读取地址
    readAsText(file[,encoding])
    读取文本 readAsBinaryString(file) 以二进制读取
  • 监听读取完成事件 onload,通过 this.result 得到读取结果
  • 其他事件监听
    onload 读取完成
    onloadstart 开始读取
    onloadend 结束读取 无论成功与否都会触发
    onerror 错误触发
    onabort 中断读取时触发
    abort() 中断读取方法
function jsReadFiles(files){
	var file = files[0];
	var reader = new FileReader();
	reader.readAsText(file)
	reader.onload =function () {
	    console.log(this.result);
	}
}

读到svg内容
前端读取文件_第1张图片

你可能感兴趣的:(JavaScript)