[jquery] 파일첨부 후, 이미지 확인하기

728x90

HTML5

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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>HTML5</title>
</head>
<body>
    <form>
        <label for="file">파일：</label>
        <input id="file" name="file" type="file" />
    </form>
    <hr />
    <img id="result" />
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
        $(function() {
            $('#file').change(function(e) {
                if (window.File) {
                    var input = $('#file').get(0).files[0];
                    var reader = new FileReader();
                    $(reader).on('load', function(e) {
                        $('#result').attr('src', this.result);
                    });
                    reader.readAsDataURL(input);
                }
            });
        });
    </script>
</body>
</html>
 
Colored by Color Scripter
cs

파일：

728x90

저작자표시 비영리

순수한소년

[jquery] 파일첨부 후, 이미지 확인하기

티스토리툴바

[jquery] 파일첨부 후, 이미지 확인하기

관련글

티스토리툴바