반응형

SELECT문으로 검색을 하다보면 특정 문자가 포함된 조건으로 검색을 할때가 있다.


예를들어 학번이 07학번인 학생들을 검색하고 싶다. 그렇다면 형식이 2007xxxx인 사람들을 검색해야 할것이다. 앞자리에 2007은 무조건 포함되고 뒷숫자자리는 어떻게 되도 상관없다. 그럴때 사용하는 것이 like함수이다.


select * from student where stu_num like '2007%';


이라고 쿼리를 실행하게되면 20070001, 20070002, .... ~20079999 사이 모두 검색이가능하다.

반응형
블로그 이미지

Mr.비타민

,
반응형
웹프로그래밍을 하다보면 회원가입이나 프로필 등등에서 사진을 등록하고 바로보고싶을경우가 있다. 기본적으로 IE와 크롬에서 현재는 fakepath로 막아놓아서 파일경로를 읽어들일수없는데, 아래와 같은 방법을 사용하면 사진을 등록후 바로 미리보기 이미지화시킬수있다. 아래는 javascript코드이다.
function previewImage(targetObj, View_area) {
	var preview = document.getElementById(View_area); //div id
	var ua = window.navigator.userAgent;

	//ie일때(IE8 이하에서만 작동)
	if (ua.indexOf("MSIE") > -1) {
		targetObj.select();
		try {
			var src = document.selection.createRange().text; // get file full path(IE9, IE10에서 사용 불가)
			var ie_preview_error = document
					.getElementById("ie_preview_error_" + View_area);

			if (ie_preview_error) {
				preview.removeChild(ie_preview_error); //error가 있으면 delete
			}

			var img = document.getElementById(View_area); //이미지가 뿌려질 곳

			//이미지 로딩, sizingMethod는 div에 맞춰서 사이즈를 자동조절 하는 역할
			img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"
					+ src + "', sizingMethod='scale')";
		} catch (e) {
			if (!document.getElementById("ie_preview_error_" + View_area)) {
				var info = document.createElement("

"); info.id = "ie_preview_error_" + View_area; info.innerHTML = e.name; preview.insertBefore(info, null); } } //ie가 아닐때(크롬, 사파리, FF) } else { var files = targetObj.files; for (var i = 0; i < files.length; i++) { var file = files[i]; var imageType = /image.*/; //이미지 파일일경우만.. 뿌려준다. if (!file.type.match(imageType)) continue; var prevImg = document.getElementById("prev_" + View_area); //이전에 미리보기가 있다면 삭제 if (prevImg) { preview.removeChild(prevImg); } var img = document.createElement("img"); img.id = "prev_" + View_area; img.classList.add("obj"); img.file = file; img.style.width = '150px'; img.style.height = '200px'; preview.appendChild(img); if (window.FileReader) { // FireFox, Chrome, Opera 확인. var reader = new FileReader(); reader.onloadend = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img); reader.readAsDataURL(file); } else { // safari is not supported FileReader //alert('not supported FileReader'); if (!document.getElementById("sfr_preview_error_" + View_area)) { var info = document.createElement("p"); info.id = "sfr_preview_error_" + View_area; info.innerHTML = "not supported FileReader"; preview.insertBefore(info, null); } } } } }

HTML BODY영역에서 file에 등록하면 지정한 영역에 뿌려줄수있다.
onchange속성을 사용하여 파일이 등록되거나 변경될 시에 바로바로 적용가능하다.
onchange="previewImage(this,'영역아이디')


반응형

'IT관련 > JavaScript' 카테고리의 다른 글

Servlet alert 사용  (0) 2014.06.21
PrintWriter 사용시 인코딩 (한글깨짐)  (0) 2014.06.21
SELECTBOX OPTION SCRIPT  (0) 2014.06.13
블로그 이미지

Mr.비타민

,
반응형

JSP/JAVA-Script/Servlet을 사용하다보면

 

JSP페이지에서가 아닌 서블릿에서 데이터핸들링하다가 경고창을 띄워주게 하고싶을때가 있다

그럴때 사용할수 있는 것이

Servlet에서 PrintWriter를 사용하여 HTML형식으로 출력하는 방법이다.

 

 

response.setCharacterEncoding("UTF-8");
response.setContentType("text/html; charset=UTF-8");

PrintWriter out = response.getWriter();

out.println(""); 
out.close();
이렇게 하면 서블릿에서도 경고창을 띄워줄수있다
반응형

'IT관련 > JavaScript' 카테고리의 다른 글

이미지 파일 미리보기 기능구현  (0) 2014.08.21
PrintWriter 사용시 인코딩 (한글깨짐)  (0) 2014.06.21
SELECTBOX OPTION SCRIPT  (0) 2014.06.13
블로그 이미지

Mr.비타민

,