본문 바로가기
728x90

jQuery

[JQuery] 프리뷰 이미지 만들기(미리보기) 2022. 12. 13. 뭔가 사진을 넣으면 기본적으로 프리뷰가 보이도록 많이들 요청한다. 요샌 프로필사진이 기본인데 내가 잘못올렸는지 한번 확인도 할 수 있으면 좋으니.. 좋은게 좋은거지 프로필 사진 업로드 기본 html이고 코드도 아주 간단하니 편하게 사용이 가능하다. function prevURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { var imgurl = e.target.result; $('#preview').attr('src',imgurl); }; reader.readAsDataURL(input.files[0]); } } input으로 file을 받아와서 해당파일의 임..
JQuert 사용 2022. 12. 5. php로는 이동페이지에 바로 값을 사용하기엔 좋은데... 클릭이벤트를 실행할수가 없어 반드시 자바스크립트가 사용되야하더라... ㅎㅇㅎㅇ ㅎㅇㅎㅇ 대충 만들어놓은 HTML $(document).ready(function () { // HTML이 노출된 이후에 실행된다. // click, change 등 html이 노출된이후 이벤트 설정이 필요한 경우에 쓰이는데... 맨날 걍써놈.. console.log($('#txt').val('저는 1번째 줄인 val() 입니다.')); // id 선택 방법 console.log($('.test')); // div 3개가 선택된다. -> class 선택 방법 // val 개인적으로 제일 많이 사용함 태그 안의 value값을 가져..
[JQuery] 배열안에 있는 시스템 언어 검색(간단한 includes) 2022. 11. 16. 곧 프로젝트 들어갈꺼같아서 1일1포스팅은 힘들듯 하다... JQuery가 좀 부족한 기분이 들어 심심해서 만들어 본 쿼리 하려는 내용은 간단하다. input 에있는 텍스트에 글을 입력하면 javascript의 배열에 있는 값들을 검색해서 밑에 있는 add_div에 div를 추가시키기 까지만 하려 했지만 뭔가 아쉬워서 키보드 화살표와 엔터키를 이용해 선택 입력이 가능하도록 추가했다. var language = ['python','C','Java','C++','C#','Visual Basic', 'Javascript','Assembly language','php','typescript']; var low_language = language.map( v => v.toLowerCase()); // 소문자로 변경..
728x90

티스토리툴바