에서 파일 이미지 변경하기 파일 import 를 구현 하던 중에 다국어 처리가 필요했는데 인 경우 버튼도 파일이라고 한글로 나오면서 선택한 파일이 없으면 "파일이 없습니다"라는 한글 메시지가 나오게 되었다. 그래서 이런 케이스는 어떻게 처리하지 찾아보다가 아예 파일 버튼을 이미지로 변경하는 방법을 찾게 되었다. 원리는 간단하다. 기존에 파일 버튼을 투명도를 이용해서 감춰두고 , 그 위에 이미지를 씌우는 것이다. 참고링크 http://burchurl.egloos.com/2352060 마지막으로 jquery 의 live() 함수를 사용해서 파일 태그가 변경되었을 때 처리하는 핸들러 함수를 지정하면 끝이다.
개발 할 때 요청한 브라우저 정보에 따라서 처리해 줄 필요가 있다. (해당 브라우저로 고정하지 않는다면) 현재 IE 8 , 9를 모두 지원 중인데 IE 8.9에서 지원하는 CSS가 다르기 때문에 같이 처리하면 고생하는 케이스가 존재한다. 이럴때 브라우저 버전에 따라서 처리하는 코드가 필요하다. 역시 예상대로 HttpRequest 객체를 이용해서 getHeader("User-Agent")를 이용하면 현재 요청한 클라이언트의 브라우저 정보를 확인할 수 있다. String browser = request.getHeader("User-Agent"); IE 8 버전 Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB7.4; SLCC2; .NET..
안에서 사용한다. href 속성 : 기본적인 Url 값을 명시할 수 있다. (이 값으로 상대경로 사용 가능) 이 href 속성을 통하여 link 태그의 href , script 의 src ,img의 src , a 의 href 에 기본값을 명시할 수 있고 상대값을 줄 수도 있다. (form의 action 은 안됨) 그래서 해당 서버의 context Path 를 request.getContextPath()를 사용하거나 EL에 담지 않고 편하게 사용할 수 있다. 아래는 사용 예이다. W3Schools 위의 소스를 보면 base 태그를 사용하여 href 를 http://kariskim.tistory.com 로 설정하였다. img src="stickmam.gif" 로 하였는데, base 태그로 인하여 http:/..
- Total
- Today
- Yesterday
- angular.js
- node
- java
- Android
- node.js
- IOS
- docker
- Linux
- langchain
- webpack
- Vue3
- html
- GIT
- html5
- Vue
- d3.js
- css
- Promise
- jquery
- NPM
- SpringMVC
- 안드로이드
- React
- k8s
- vueJS
- JSON
- javascript
- reactjs
- python
- Express
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |