홈페이지를 만들면서
사진을 올리고 미리보기로 보았으면 좋겠다고 생각해서 찾아본 결과
아주 심플하게 추가할 수 있었다.
https://kindtis.tistory.com/514
이곳과
여기에서 확인했다.
구동 방식은
input에서 파일을 파라미터로 넘겨 보여준다
나의 활용
<body>
<form id="form1" runat="server">
<input type='file' onchange="readURL(this);" />
<img id="blah" src="#" alt="your image" />
<textarea rows="3" name="main_text" cols="40" rows="10" maxlength="150" required id="id_text"></textarea>
<input type="submit" value="글쓰기!">
</form>
</body>
<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
이걸 이제 글 수정할때에도 적용해야 하는 뎁..
자잘한 부분은 글을 안 쓰고
조만간 완성되면 글 모두 수정해서 깔끔하게 바꿀 예정!
'끄적끄적' 카테고리의 다른 글
| 해야할거 (0) | 2020.04.26 |
|---|---|
| 내가 잘 쓰는 vscode 단축키 (0) | 2020.04.25 |
| . (0) | 2020.04.17 |
| django 2.0 버전부터 바뀐 url (0) | 2020.04.15 |
| 다음에 할꺼 (0) | 2020.04.11 |