JS文件讀取 File API
# File API
<input type="file" name="file" id="file">
<script>
document.getElementById('file').addEventListener('change',function(){
var file=this.files;//讀取文件
# 文件屬性
// file[0].name;文件名字 file[0].size;文件大小 file[0].type;文件類型
var reader=new FileReader();//new FileReader用來讀取文件數(shù)據(jù)
# new FileReader常用屬性 readAsDataURL讀取圖片URL readAsText讀取文本值
if(/image/.test(file[0].type)){
reader.readAsDataURL(file[0]);//reader方法讀取圖片的url
}else{
reader.readAsText(file[0]);//reader方法讀取文本值
}
# new FileReader常用方法 onload讀取成功 onerror讀取出錯(cuò) onprogress讀取進(jìn)程
reader.onload=function(){var result=reader.result;}//讀取成功返回結(jié)果集
reader.onerror=function(){}//讀取文件出錯(cuò)
reader.onprogress=function(){}//加載新數(shù)據(jù)執(zhí)行
},false)
</script>
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者