html + javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>동영상 업로드</title>
<!-- 부트스트랩 -->
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
<!-- 제이쿼리 -->
<script defer src="/lib/jquery/jquery-3.5.1.min.js"></script>
</head>
<body>
<div class="input-group mb-3">
<input type="file" class="form-control" id="input_file">
<label class="input-group-text" for="inputGroupFile02">Upload</label>
</div>
<button onclick="upload()">올리기</button>
<script>
function upload() {
let formdata = new FormData();
let file = document.querySelector('#input_file')[0].files[0];
formdata.append('file', file);
$.ajax({
url: "video_upload.php",
type: "POST",
processData: false,
contentType: false,
data: formdata
});
}
</script>
</body>
</html>input 태그는 부트스트랩을 이용했습니다.
video_upload.php
<?php
//파일저장될 위치
$uploads_dir = '../upload_video';
if($_FILES['file']['size'] > 0) { // 업로드 파일 사이즈를 체크하여, 업로드 파일 여부를 확인
$files = $_FILES['file'];
$filename = $files['name'];
$tmpName = $files['tmp_name'];
move_uploaded_file($tmpName, "$uploads_dir/$filename");
}
?>
결과
동영상 파일을 선택 후 올리기 버튼을 누르면
설정한 경로에 파일이 업로드 됩니다.
'PHP' 카테고리의 다른 글
| [PHP] png 파일 압축해서 업로드하기 (0) | 2022.12.06 |
|---|---|
| [PHP] 파일이나 디렉토리 있는지 확인하고 만들기 (0) | 2022.09.06 |
| [PHP] 날짜 입력으로 해당 월에 몇주차인지 구하기 (0) | 2022.07.15 |
| [PHP]SimpleXML 로 XML 파일 데이터 가져오기 (0) | 2022.06.30 |
| [PHP]이미지 URI 주소로 이미지 다운로드 (0) | 2022.06.29 |
