파일

[JS] 파일 용량(사이즈) 체크, 변환하기

흔히 사용하는 데이터의 크기로는 KB, MB, GB 등이 있습니다. 이때 KB는 1,024Byte이고, MB는 1,024KB입니다. 해당 코드와 같은 파일을 첨부하는 박스에서 파일을 선택하면 fileSize 함수로 해당 요소를 보내 선택한 파일 요소의 정보를 가져와 활용할 수 있습니다. const fileSize = ($target) => { // 유저가 선택한 파일 가져오기 const file = $target.files[0]; // 해당 파일의 용량(사이즈) 정보 console.log(file.size); } 해당 코드로 파일의 정보를 가져올 수 있으며, File.size로 해당 파일의 바이트(Byte) 크기를 알 수 있습니다. 용량(사이즈) 변환하기 const getByteSize = (size) ..

[JS] 파일 Drag & Drop 기능 구현하기

input 태그가 아닌 임의의 영역에 이벤트를 적용시켜 드래그 앤 드롭 기능을 구현해보겠습니다. 해당 기능을 구현하기 위해서는 아래의 이벤트를 사용하게 됩니다. drop - 드래그한 파일이 영역에 드롭(드래그한 객체를 놓았을 때)되었을 때 발생 dragover - 드래그한 파일이 영역에 머물러 있을 때 발생 dragenter - 드래그한 파일이 영역에 최초로 진입했을 때 발생 dragleave - 드래그한 파일이 역영에 벗어났을 때 발생 그중 drop, dragover 이벤트는 필수로 사용해야 하는 이벤트입니다. ( dragover 이벤트를 적용하지 않으면 drop 이벤트가 작동하지 않음 ) 코드 이곳에 파일을 드롭해주세요. 먼저 파일을 드롭할 영역을 만들어 줍니다. 그 후 자바스크립트 코드로 해당 태그..

[PHP] 파일 다운로드

코드 $fe = fopen("파일경로", "r"); header("Content-Disposition:attachment; filename=다운로드 되는 파일 이름"); header("Content-Type:file/unknown;"); fpassthru($fe); php 파일 다운로드는 http 요청을 변경하여 구현할 수 있습니다.