<html>
<head>
<script type="text/javascript">
var InputImage =
(function loadImageFile() {
if (window.FileReader) {
var ImagePre;
var ImgReader = new window.FileReader();
var fileType = /^(?:image\/bmp|image\/gif|image\/jpeg|image\/png|image\/x\-xwindowdump|image\/x\-portable\-bitmap)$/i;
ImgReader.onload = function (Event) {
ImagePre = null;
ImagePre = new Image();
ImagePre.src = Event.target.result;
alert(ImagePre.width+', '+ImagePre.height);
};
return function () {
var img = document.getElementById("image").files;
if (!fileType.test(img[0].type)) {
alert("이미지 파일을 업로드 하세요");
return;
}
ImgReader.readAsDataURL(img[0]);
}
}
document.getElementById("imagePreview").src = document.getElementById("image").value;
})();
</script>
</head>
<body>
<input id="image" type="file" onchange="InputImage();">
</body>
</html>
'Infra & Server Dev' 카테고리의 다른 글
| CentOS 64Bit MariaDB 10 소스 컴파일 설치하기 (6) | 2015.06.18 |
|---|---|
| ucloud NAS 서버 연동 (CentOS) (0) | 2015.06.18 |
| 스프링 jsonView참고 url (0) | 2015.03.26 |
| 우분투 ssh root 접속가능하도록 설정 변경하기 (0) | 2015.02.23 |
| [Openfire]오픈파이어 소스 이클립스(Eclipce) import 하는법 (0) | 2015.02.05 |
