Javascript
FileReader()
자라나라나무나무나
2022. 1. 11. 20:44
FileReader
: 비동기적으로 파일의 내용을 읽어들이는데 사용
var reader = new FileReader();
텍스트 파일의 내용을 읽어 들일 때
: onload 사용
readAsDataURL()
: 바이너리 파일을 Base64 Encode 문자열로 반환
<input type='file' onchange='Reader(event)'>
<script>
var Reader = function(event) {
var data = event.target;
var reader = new FileReader();
reader.onload = function(){
console.log(reader.result);
};
reader.readAsText(data.files[0]);
};
</script>
methods : {
onFileSelected(event) {
var input = event.target;
if (input.files.length>0) {
this.file = event.target.files[0];
var reader = new FileReader();
reader.onload = (event) => {
this.uploadImageFile = event.target.result;
}
reader.readAsDataURL(input.files[0]);
}
}
}