imgur 이용해서 이미지 첨부하기 정보
imgur 이용해서 이미지 첨부하기
관련링크
첨부파일
본문
imgur api 이용해서 이미지 업로드하는 겁니다.
아시겠지만 이미지 올린 후에 로딩을 하지 않으면 이미지가 서버에서 삭제가 된다고 합니다.
이거 관련해서는 자게에서 제가 쓴 글에 달린 코멘트 참고하세요. ㅎㅎ
테스트 가능하게 경로 올려뒀습니다.
첨부 파일은 imgur.php의 경우 저는 /bbs에다가 올려서 사용합니다.
경로 바꾸시려면 write.skin.php 파일에서 바꾸시고 업로드를 다른 데다가 하시면 됩니다.
그리고 imgur.php 파일 여시면 제일 첫 번째 줄에
$Client_Id = "여기에다가 클라이언트 아이디 입력해 주시면 됩니다.";
라고 된 거 있습니다.
imgur 사이트에서 가입하시고 클라이언트 아이디 받으셔서 넣으시면 됩니다.
아! 글쓰기 모드는 위지윅으로 하셔야 합니다.
아시겠지만 이미지 올린 후에 로딩을 하지 않으면 이미지가 서버에서 삭제가 된다고 합니다.
이거 관련해서는 자게에서 제가 쓴 글에 달린 코멘트 참고하세요. ㅎㅎ
테스트 가능하게 경로 올려뒀습니다.
첨부 파일은 imgur.php의 경우 저는 /bbs에다가 올려서 사용합니다.
경로 바꾸시려면 write.skin.php 파일에서 바꾸시고 업로드를 다른 데다가 하시면 됩니다.
그리고 imgur.php 파일 여시면 제일 첫 번째 줄에
$Client_Id = "여기에다가 클라이언트 아이디 입력해 주시면 됩니다.";
라고 된 거 있습니다.
imgur 사이트에서 가입하시고 클라이언트 아이디 받으셔서 넣으시면 됩니다.
아! 글쓰기 모드는 위지윅으로 하셔야 합니다.
추천
8
8
댓글 25개

업로드 버튼눌러도 아무런 반응이없으면 어떻해게 수정해야 할까요??
데모페이지 가면 정상적으로 되던데 막상 소스 받아 적용하면 아무런 반응이없고..
물론 DHTML 에디터 사용 은 체크해놓은 상태이고요.
데모페이지 가면 정상적으로 되던데 막상 소스 받아 적용하면 아무런 반응이없고..
물론 DHTML 에디터 사용 은 체크해놓은 상태이고요.

write.skin.php 파일도 받으셨나요?
저거 받으셔서 덮어씌우시거나 아니면 안에 있는 코드 그대로 복사해서 적용하셔야 합니다.
저거 받으셔서 덮어씌우시거나 아니면 안에 있는 코드 그대로 복사해서 적용하셔야 합니다.

네...물론 받아서 적용해보기도 하고 소스열어서 따로 적용해봣는데 둘다 같은
증상이네요.
이미지 선택후 업로드 버튼 누르면 아무런 반응이없네요.
증상이네요.
이미지 선택후 업로드 버튼 누르면 아무런 반응이없네요.

소스 보기 하셔서 jquery가 중복으로 호출되고 있는 건 아닌지 확인해 보세요.
write.skin.php 286번째 줄 바로 밑에 alert("test"); 넣어 보세요.
버튼 눌렀을 때 test라고 경고창 뜨는지.
write.skin.php 286번째 줄 바로 밑에 alert("test"); 넣어 보세요.
버튼 눌렀을 때 test라고 경고창 뜨는지.

두군대서 테스트 해봤는데 하나는 제대로 경고창이뜨고 하나는 안뜨네요...
알려주신대로 하니까!!
알려주신대로 하니까!!

혹시 client-id는 받으셨나요?
imgur.php 파일 열어 보시면 가장 상단에 있는 $Client_Id라고 하는 부분에 값을 넣으셔야 합니다.
imgur.php 파일 열어 보시면 가장 상단에 있는 $Client_Id라고 하는 부분에 값을 넣으셔야 합니다.

넵!!!!거기서 코드 받고서 넣어줬습니당.

제가 스크립트 넣어둔 것들 보시면 console.log()라는 게 다 있습니다.
f12번 누르고 콘솔 부분 보시면 뭐가 왔다 갔다 하는지 나옵니다.
그걸로 일일이 디버깅하시는 수밖에 없을 것 같네요.
f12번 누르고 콘솔 부분 보시면 뭐가 왔다 갔다 하는지 나옵니다.
그걸로 일일이 디버깅하시는 수밖에 없을 것 같네요.

감사합니다.

좋은 자료 감사합니다.
윈도우 기반 서버에서 ajax 로 POST url 시 500 응답없음이 떠버리데요
(리눅스는 잘됨 단 5.3.0 이상 mine_magic 지원해야함)
이거 imgur api 자체가 지원하지 않는건가요?
아니면 서버세팅 문제일까요?
윈도우 기반 서버에서 ajax 로 POST url 시 500 응답없음이 떠버리데요
(리눅스는 잘됨 단 5.3.0 이상 mine_magic 지원해야함)
이거 imgur api 자체가 지원하지 않는건가요?
아니면 서버세팅 문제일까요?

ie9 이하에서는 formData() 지원을 안 합니다.
그래서 이건 바꿔야 할 듯하구요(조만간, 생각만).
우선은 console.log()를 찍어놨으니 확인해 보시는 것도 괜찮을 것 같습니다.
제가 윈도우 기반 테스트를 할 수가 없어서...
그래서 이건 바꿔야 할 듯하구요(조만간, 생각만).
우선은 console.log()를 찍어놨으니 확인해 보시는 것도 괜찮을 것 같습니다.
제가 윈도우 기반 테스트를 할 수가 없어서...

이런 서비스가 있군요
그럼 웹호스팅 트래픽이 많이 절약 되겠네요?
이미지는 내용은 아무거나 상관 없나요?
가령 상품이미지 같은것요,,,
쇼핑몰 같은데서 이용해도 제한 없나요?
멀티업로더 같은 형태에도 적용될 수 있다면 더욱 좋겠네요.
모바일에서도 적용 가능 할까요?
그럼 웹호스팅 트래픽이 많이 절약 되겠네요?
이미지는 내용은 아무거나 상관 없나요?
가령 상품이미지 같은것요,,,
쇼핑몰 같은데서 이용해도 제한 없나요?
멀티업로더 같은 형태에도 적용될 수 있다면 더욱 좋겠네요.
모바일에서도 적용 가능 할까요?

imgur에서 제공하는 api를 사용해서 업로드만 되게 했을 뿐 질문하신 내용은 잘 모르겠네요.
모바일에서 적용이 되는지는 직접 테스트를 해 보셔야 할 듯합니다.
모바일에서 적용이 되는지는 직접 테스트를 해 보셔야 할 듯합니다.
G5는 아직 접해보지 못해서 그런데.. G4에서 사용하려면 어느 부분을 고쳐야할지 알려주실 수 있으신가요?

사용하는 위지윅 에디터에 따라서 달라집니다.
$.ajax({}) 이거 안에 보시면 success 후에 실행되는 부분을 아마 사용 중이신 에디터에 맞게 고치셔야 할 겁니다.
$.ajax({}) 이거 안에 보시면 success 후에 실행되는 부분을 아마 사용 중이신 에디터에 맞게 고치셔야 할 겁니다.

기본 버전으로 설치하였고
클라이언트 아이디 받아서 해봤더니..
파일선택후 아무런 반응이 없네요..
alert("test"); 도 해봤는데 역시나 ㅠㅠ
http://i.imgur.com/wOIhQhs.png
요렇게 나오는데요 ㅠㅠ
뭐가 문제인가요?.. 초보라 모르겠어서요..
도움좀 부탁드립니다..
클라이언트 아이디 받아서 해봤더니..
파일선택후 아무런 반응이 없네요..
alert("test"); 도 해봤는데 역시나 ㅠㅠ
http://i.imgur.com/wOIhQhs.png
요렇게 나오는데요 ㅠㅠ
뭐가 문제인가요?.. 초보라 모르겠어서요..
도움좀 부탁드립니다..

ajax.autosave.php 파일 경로가 맞는지 체크해 보세요.

다시 해보니
test가 뜨네요.. 다른곳에서 하니까 안됬는데 ㅠㅠ
http://i.imgur.com/KoY1aYI.png
이렇게 뜨는데요..
jquery가 없다는 뜻인가요?.. ㅠㅠ
http://mybestbj.com/mz/bbs/write.php?bo_table=hotissue
해당 주소입니다.. 한번 더 부탁드려요 ㅠㅠ
test가 뜨네요.. 다른곳에서 하니까 안됬는데 ㅠㅠ
http://i.imgur.com/KoY1aYI.png
이렇게 뜨는데요..
jquery가 없다는 뜻인가요?.. ㅠㅠ
http://mybestbj.com/mz/bbs/write.php?bo_table=hotissue
해당 주소입니다.. 한번 더 부탁드려요 ㅠㅠ

url : "/bbs/imgur.php",
이 부분 경로가 틀린 거 같네요.
안 되면 일단 경로가 다 맞는지부터 먼저 체크해 보셔야 할 것 같네요.
url : "/mz/bbs/imgur.php",
이 부분 경로가 틀린 거 같네요.
안 되면 일단 경로가 다 맞는지부터 먼저 체크해 보셔야 할 것 같네요.
url : "/mz/bbs/imgur.php",
아! 글쓰기 모드는 위지윅으로 하셔야 합니다.
여기서 위지웍이라는건 뭐죠?
imgur에 이미지 옮기는거 해보려는데~~
여기서 위지웍이라는건 뭐죠?
imgur에 이미지 옮기는거 해보려는데~~

해당 게시판에 DHTML 에디터 사용 체크하시면 됩니다.
좋은 자료 감사합니다.
이미지 첨부를 한번에 여러개 하려면 어떻게 해야하나요..?

imgur.com 사이트에 이미지를 업로드 한 후에 그 주소를 갖고 오는 형태라서 한꺼번에 여러 개를 올리는 건 아마 안 될 겁니다.
여러개도 됩니다.