이미지 업로드 및 이미지 스크랩 하기 기능 질문이 있습니다!

JavaScript
1

현재 카카오톡 공유하기 기능을 위한 이미지 업로드 기능과 이미지 스크랩 기능 테스트를 진행중입니다
근데 에러가 떠서 ㅜㅜㅜ 혹시 어느 부분이 문제인지 알 수 있을까요…?

  • 이미지 업로드 기능 에러
KakaoError {name: 'KakaoError', message: 'Illegal argument for "file" in Share.uploadImage'}
message: "Illegal argument for \"file\" in Share.uploadImage"
name: "KakaoError"
[[Prototype]]: Error at https://developers.kakao.com/sdk/js/kakao.js:1392:26 at https://developers.kakao.com/sdk/js/kakao.js:111:78 at https://developers.kakao.com/sdk/js/kakao.js:112:3
stack: "Error\n    at https://developers.kakao.com/sdk/js/kakao.js:1392:26\n    at https://developers.kakao.com/sdk/js/kakao.js:111:78\n    at https://developers.kakao.com/sdk/js/kakao.js:112:3"
[[Prototype]]: Object
  • 이미지 스크랩 하기 에러
?xdm_e=http%3A%2F%2F127.0.0.1%3A5500&xdm_c=default4818&xdm_p=1:7 
  POST https://kapi.kakao.com/v2/api/talk/message/image/scrap 400 (Bad Request)

a.html:62 {msg: 'failed to upload the image.', code: -2}
  • 작성한 코드 [앱 키는 지워서 작성합니다!]
<head>
    <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
        <meta charset="utf-8"/>
        <title>Kakao JavaScript SDK</title>
        <script>
            // SDK를 초기화 합니다. 사용할 앱의 JavaScript 키를 설정해 주세요.
            Kakao.init('---');
    
            // SDK 초기화 여부를 판단합니다.
            console.log(Kakao.isInitialized());
        </script>
    </head>


  <script type="text/javascript">

Kakao.Share.uploadImage({
  file: './background.png'
}).then(function(res){
  console.log(res.infos.original.url);
});

    var url = 'http://localhost:3000';

    Kakao.Share.scrapImage({
    imageUrl: url
    }).then(function(res){
    console.log("test");
    console.log(res.infos.original.url);
    }).catch(error => console.log(error));
  </script>
2

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.

앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456

3

785640 입니다!

4

이미지 업로드 코드는…

이미지 업로드 기능은 사용자가 갖고있는 이미지를 업로드 하는 기능입니다.
구현 코드를 보면 사이트 내 상대경로를 지정하고 있습니다
해당기능은 사용자가 선택한 파일을 업로드 하는 기능입니다.

스크랩 이미지 코드는…

전달된 url이 유효하지 않습니다.
카카오 스크랩 서버는 제공된 url에 접근하여 og 태그 등을 분석하여 가장 적절한 이미지를 수집해 갑니다.
카카오 스크랩 서버는 제공된 image url에 접근하여 이미지를 수집해 갑니다.
localhost는 개발하시는 로컬 주소라 카카오 스크랩 서버에서 접근 불가 합니다.

1개의 좋아요
5 
<head>
    <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
        <meta charset="utf-8"/>
        <title>Kakao JavaScript SDK</title>
        <script>
            // SDK를 초기화 합니다. 사용할 앱의 JavaScript 키를 설정해 주세요.
            Kakao.init('');
    
            // SDK 초기화 여부를 판단합니다.
            console.log(Kakao.isInitialized());
        </script>
    </head>


  <script type="text/javascript">


    var url = 'https://www.weathercomment.com/';

    Kakao.Share.scrapImage({
    imageUrl: url
    }).then(function(res){
    console.log("test");
    console.log(res.infos.original.url);
    }).catch(error => console.log(error));
  </script>
  • 에러
?xdm_e=http%3A%2F%2F…fault4417&xdm_p=1:7 
 
 POST https://kapi.kakao.com/v2/api/talk/message/image/scrap 400 (Bad Request)
{msg: 'unsupported media type.', code: -2}
code: -2
msg: "unsupported media type."
[[Prototype]]: Object

제가 이렇게 변경했는데도 해당 에러가 뜨는데 왜 그런지 알 수 있을까요?

6

안녕하세요 제가 설명을 잘못 드렸습니다.
사이트 주소가 아닌 실제 이미지 url을 전달해 주시면 됩니다.