Everything is pointless from a certain perspective.

utena.egloos.com

포토로그




image를 html에 embed하기 위한 mime data generator

...이건 어디서 주웠더라? -_-
html저장하려고 보니 포함된 이미지 몇개를 같이 저장해야 할 일이 있는데, 관리 문제상 self-contained html 파일 하나로 만들기 위함. <img> tag도 같이 만들어주니 긁어붙이면 됨. 기타 필요할만한 옵션들은 텍스트로 넣어놨음.

<html>
<body>
    <p>Select a File to Load:</p>
    <input id="inputFileToLoad" type="file" onchange="loadImageFileAsURL();" />
    <br />
    <p>File Contents as DataURL:</p>border="0" height="320" width="320" alt="place holder"<p>
    <textarea id="textAreaFileContents" style="width:640;height:240" ></textarea>

<script type='text/javascript'>

function loadImageFileAsURL() {
    var filesSelected = document.getElementById("inputFileToLoad").files;
    if (filesSelected.length > 0) {
        var fileToLoad = filesSelected[0];

        var fileReader = new FileReader();

        fileReader.onload = function(fileLoadedEvent) {
            var textAreaFileContents = document.getElementById("textAreaFileContents");
   
            textAreaFileContents.innerHTML = "<img src=\"" + fileLoadedEvent.target.result + "\">";
        };

        fileReader.readAsDataURL(fileToLoad);
    }
}

</script>
</body>
</html>

덧글

댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.