소프트웨어 JS의 입력값 처리 조건화하고자 합니다
2017.08.13 22:34
처음에는 값을 입력시켜주는 php쪽에서 처리하고자해서 https://windowsforum.kr/qna/8941686 와 같이 질문글 올리고, 이것저것 해봤지만, 제가 짠게 아닌걸 뜯어고치는거라 불명확한 부분이 너무 많아서 힘들듯해서 다른 방법으로 접근하고자 해서 글 올립니다
js쪽은 못 다루다보니 간단한것조차 구현 못해서 글 올립니다
코드는 첨부된 대로입니다 (html5용 플레이어입니다)
원본 : https://releases.flowplayer.org/7.0.4/flowplayer.min.js
의존성 : https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
스타일 : https://releases.flowplayer.org/7.0.4/skin/skin.css
full셋 : https://github.com/flowplayer/flowplayer
사용 예제
<!DOCTYPE html>
<html>
<head>
<title>Flowplayer quick start</title>
<link rel="stylesheet" href="//releases.flowplayer.org/7.0.4/skin/skin.css">
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="//releases.flowplayer.org/7.0.4/flowplayer.min.js"></script>
</head>
<body>
<div class="flowplayer" style="width:640px;height:384px;">
<video poster="Thumbnail.png"><source type="video/mp4" src="Example.mp4"> </video>
</div>
</body>
</html>
수정하고자 하는 부분은 위의 poster를 통해 넘겨지는 매개변수의 입력값 체크입니다
현제 입력값이 없거나, 이상한값이 들어와도 그대로 요청해서 403에러를 띄웁니다
목표는 poster를 통해 입력받은 값이 URL 즉 '*://*'형식을 가지지 않는 경우 처리하지 않게 만드는겁니다 (참고로 미처리인 경우 영상의 프레임을 추출해서 출력합니다)
댓글 [3]
-
taskmgr.exe 2017.08.15 00:40 -
DarknessAngel 2017.08.15 06:59
다만 미니멀라이저 돌린듯해서 저런식으로 가독성이 엉망 (이것도 제가 없는 들여쓰기 추가한겁니다)이고, IDE도 없는 상태라 원본 분석이 힘들군요
-
DarknessAngel 2017.08.15 15:31
필터링은 안 어려운데, 원본 소스 가독성이 쓰레기고, 용량이 근 300k나 되서 상당히 삽질한 결과 해결했습니다
웹쪽은 국내 phpschool이나 해외 스택오버플로우 같은곳을 알아보시는게 나을것같은데요.
저런건 정규식으로 필터링하면 그만입니다. 그리고 php나 js나 문법상 대동소이해서..