BLOB2 파일 업로드와 파일 저장... 이진 데이터 다루기 파일 업로드 const importFile = async (e) => { // input[type='file'] 로 들어오는 내용 const files = Array.from(e.target.files); // 위 내용을 FileReader의 readAsDataURL 로 읽어와준다. const reader = new FileReader(); reader.readAsDataURL(files[0]); // reader.result 는 readAsDataURL 로 읽어왔으므로 base64 타입을 띄게 된다. reader.onload = async () => { const url = "-"; // base64 를 ArrayBuffer -> Uint8Array 로 읽어와줘야 dicomParser 사용이 가능 co.. 2023. 8. 22. 자바스크립트 - 멀티미디어 파일 데이터 자료형 정리 (Blob, File, FileReader, TypedArray) 일을 하다보니 영상 자료를 다루게 되었고 자료형을 정확히 정리할 필요가 있다고 여겼다. Blob 객체 자바스크립트에서 텍스트, 이미지, 사운드, 비디오와 같은 멀티미디어 데이터를 다룰 때 사용하는 자료형 파일류의 불변하는 미가공 데이터를 나타내는 객체 텍스트와 이진 데이터의 형태로 읽을 수 있으며 ReadableStream으로 변환 후 메서드를 사용하여 데이터를 처리할 수 있다. 멀티미디어 파일의 데이터들을 최적화하기 위해 비동기 처리로 읽어올 땐 블롭으로 바로 변환시키는 것이 아닌, ArrayBuffer로 변환을 해주고 이 값을 Uint8Array 등의 DataView로 처리해줘야 한다. Blob은 File 인터페이스를 사용자 시스템의 파일을 지원하기 위해 Blob 인터페이스를 확장한 것이므로 모든 블.. 2023. 7. 17. 이전 1 다음
