이미지 클릭하면 이미지 주소를 복사(Copy)하는 방법에 대하여...,

이미지 클릭하면 이미지 주소를 복사(Copy)하는 방법에 대하여...,


묘한오빠 블로그에 댓글을 달때, "이미지 주소 + gif, jpg, png"등의 경로를 입력하면

댓글 목록에도 이미지를 보여주는 스크립트를 사용하고 있습니다.


사실 이미지를 /imgur.com 에 업로드 하여 링크 주소를 복사해서 사용하는 방식을 사용하던 중,

자주 사용하는 일명, 짤방의 경우 매번 할때 마다 이미지를 올리고 주소를 입력하는게 귀찮아서...,


팝업을 이용하여 업로드 된, 이미지를 클릭하면 이미지 경로가 복사되는 스크립트를 적용해 봅니다.


그런데 이게 문제가 있는게 IE에서는 잘 되는데..., 

크롬 계열의 브라우져에서는 클립보드로 바로 복사가 안되고 꼭, Ctrl+C 를 한 뒤, Ctrl+V 를 해야하는 번거러움이 있습니다.


<script>

function is_ie() {

  if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1) return false;

  if(navigator.userAgent.toLowerCase().indexOf("msie") != -1) return true;

  if(navigator.userAgent.toLowerCase().indexOf("windows nt") != -1) return true;

  if(navigator.userAgent.toLowerCase().indexOf("mozilla") != -1) return true;

  return false;

}

 

function copy_to_img(str) {

  if ( is_ie () ) {

window.clipboardData.setData("Text", str);

alert("복사되었습니다.");

return;

  }

  prompt("Ctrl+C를 눌러 복사하세요.", str);

}

</script>


파이어폭스에서는 되지를 않네 ^;





하지만, 

댓글처럼 해결방법은 언제나 존재한다는 것을 오늘 다시 한번 느낀다. 

마샬님, 고마워요 ^;


묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다

이미지 맵

묘한오빠/블로그가 변한다 다른 글

이 글에 담긴 의견 10

*

*

    • 이미지는 어디서 구해요? 아무거나 다 되는건가용?

    • 이미지 경로를 ****.gif, png 등의 주소만 붙히면 지금 댓글창에 이렇게 이미지를 붙히는 방법을 설명드린겁니다

      자세한 방법은 이곳을 참고하시면 됩니다 - https://marshall-ku.tistory.com/121

      https://i.imgur.com/qaABgPk.png

이전 글

다음 글