>  기사  >  웹 프론트엔드  >  브라우저에서 그림 붙여넣기를 구현하는 jQuery 플러그인--pasteimg 사용 가이드_jquery

브라우저에서 그림 붙여넣기를 구현하는 jQuery 플러그인--pasteimg 사용 가이드_jquery

WBOY
WBOY원래의
2016-05-16 16:23:441923검색

pasteimg는 브라우저에 이미지를 붙여넣을 수 있는 jQuery 플러그인으로, 국내 유명 360 브라우저 등 이러한 코어를 사용하는 Chrome, Firefox, IE11 및 기타 브라우저와 호환됩니다.

Pastimg는 브라우저에서 직접 복사된 사진을 식별할 수 있으며, 복사된 서식 있는 텍스트에 있는 사진도 식별할 수 있습니다. 브라우저에서 복사한 콘텐츠만 인식할 수 있으며, 운영체제에서 복사한 이미지는 인식할 수 없습니다.

Pastimg는 jQuery를 기반으로 하여 간단하고 사용하기 쉽습니다. jQuery와paste.image.js를 도입한 후 호출 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

//붙여넣기 이벤트를 수신해야 하는 dom 요소에서 PasteImage 메소드를 호출합니다.
//pasteImage 메소드를 호출하려면 콜백 매개변수를 전달해야 합니다.
//붙여넣은 내용에서 이미지가 발견되면 콜백
이 호출됩니다. //콜백을 호출하면 모든 사진을 포함한 배열이 전달됩니다.
//이 플러그인은 이미지를 base64 인코딩으로 변환하기 위해 최선을 다하지만 도메인 간 제한이 적용됩니다. 변환할 수 없는 경우 이미지의 절대 URL 경로가 반환됩니다.
$("#container").pasteImage(함수(imgs){
//imgs는 모든 이미지를 포함하는 배열이므로 뭔가를 할 수 있습니다...
});


플러그인 다운로드 주소: https://github.com/iyangyuan/pasteimg

궁금한 점이 있으시면 피드백을 남겨주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.