MMS 이미지 전송하기(feat: naver-SENS)

naver SENS를 이용한 MMS 이미지 파일 전송하기

업무를 하면서 naver SENS를 이용한 MMS 전송방법에 대해 어려움이 있어, 이렇게 블로깅으로 정리하려고 한다.

기술 스택으로 view를 만드는 템플릿은 Pug를 이용하였고 동적인 기능 부분은 js와 jquery를 이용하였다.

html과 js&jquery를 이용하여 코드를 먼저 작성해보자.

$("#file").change(function(){
        var result;
        fileList = $("#file")[0].files;
        console.log(fileList,'메타정보');
        let files = fileList[0];
        $('#fileText').innerHTML = fileList[0].name;
        $('#fileText').val(fileList[0].name)
        getBase64(files)
      });

• 코드를 보면 해당 파일을 담고있다.(fileList는 input 태그이며 type이 “file”로 실행되는 태그이다.) 해당 파일을 getBase64 라는 함수안에 인자로 주는 로직이다.

const getBase64 = (file) => {
      //reader 변수는 FileReader()라는 
      let reader = new FileReader();
      reader.readAsDataURL(file);
      reader.onload = function(){
        $('#fileItem').val(reader.result);
      };
      reader.onerror = function (error) {
        console.log(error)
      }
    }

• 이어서 위에 코드를 보면 input 파일로 받은 인자를 인코딩하고