Sohn SooKyoung

💛💚

최대 1 분 소요

제목 덮어쓰기

어제 append 메서드를 사용해서 가게 이름이 추가되는 것을 확인했다. 하지만 나는 추가되는 것이 아닌 덮어쓰워지는 것을 원했다. 그래서 발견한 것이 html 메서드 이다. 하지만 이 메서드 같은 경우 덮어쓰워지긴 하는데 위에 만들어졌던 가게 이름에도 동시에 덮여쓰여지는 것을 확인해다. 결국 발견한 메서드가 replaceWith이다. 그래서 제목 덮어씌우는 것은 성공! 인제 이미지 추가하는 기능만 넣으면 된다.

이미지 파일 경로 찾기

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
<script type='text/javascript'>
    var maxSize = 2048;
            
    function fileCheck() {
        //input file 태그.
        var file = document.getElementById('fileInput');
        //파일 경로.
        var filePath = file.value;
        //전체경로를 \ 나눔.
        var filePathSplit = filePath.split('\\'); 
        //전체경로를 \로 나눈 길이.
        var filePathLength = filePathSplit.length;
        //마지막 경로를 .으로 나눔.
        var fileNameSplit = filePathSplit[filePathLength-1].split('.');
        //파일명 : .으로 나눈 앞부분
        var fileName = fileNameSplit[0];
        //파일 확장자 : .으로 나눈 뒷부분
        var fileExt = fileNameSplit[1];
        //파일 크기
        var fileSize = file.files[0].size;
                
        console.log('파일 경로 : ' + filePath);
        console.log('파일명 : ' + fileName);
        console.log('파일 확장자 : ' + fileExt);
        console.log('파일 크기 : ' + fileSize);
    }
</script>
cs

참고 파일: https://1995-dev.tistory.com/46

문제점

  • 경로를 찾더라도 보안상 문제로 내 파일에 있는 경로가 정확히 나오지 않는다. 사진 추가를 폴더를 통해서 하는 거는 가능!

sol 1. images 폴더에 사진을 넣고 사진 추가를 하는 것 <-> 굳이,,,?
sol 2. 폴더에만 추가하면 알아서 읽고 쓰기 -> Node.js 필요

  • 사진이 똑같은 것이 또 나옴

sol 1. template 변수를 함수처럼해서 추가 될때마다 아이디 값을 바꿀 수 있을까?

댓글남기기

참고