...이건 어디서 주웠더라? -_-
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>
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>
최근 덧글