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]);
		}
	}
}