Chrome 12에서는 Gmail의 클립보드에서 이미지 붙여넣기를 어떻게 활성화하나요?

Gmail 및 Chrome 12의 클립보드에서 이미지 붙여넣기

Google의 블로그 게시물에서 클립보드의 이미지를 Gmail에 직접 붙여넣는 기능이 공개되었습니다. 최신 버전의 Chrome을 사용하세요. 키 누르기 이벤트에 바인딩되고 컨텍스트 메뉴를 통해 작동하지 않는 ZeroClipboard와 달리 이 기능은 다른 접근 방식을 활용하는 것 같습니다.

Chrome 12에서 사용되는 Webkit에는 이벤트를 검사하는 새로운 '붙여넣기' 이벤트 핸들러가 도입되었습니다. clipsboardData.items를 사용하고 getAsFile() 메서드를 사용하여 이미지를 Blob으로 검색할 수 있습니다. JavaScript에서 이를 달성하는 방법은 다음과 같습니다.

<code class="javascript">document.onpaste = function (event) {
    var items = (event.clipboardData || event.originalEvent.clipboardData).items;
    for (var index in items) {
        var item = items[index];
        if (item.kind === 'file') {
            var blob = item.getAsFile();
            var reader = new FileReader();
            reader.onload = function (event) {
                console.log(event.target.result); // data url!
            };
            reader.readAsDataURL(blob);
        }
    }
};</code>

데이터 URL이 있으면 페이지에 이미지를 표시하거나 FormData를 사용하여 이미지를 업로드할 수 있습니다.

이 "붙여넣기"를 사용하여 " 이벤트 및 DataTransferItems 처리를 통해 Chrome 12에서는 Gmail 내의 클립보드에서 이미지를 붙여넣을 수 있습니다.

위 내용은 Chrome 12에서는 Gmail의 클립보드에서 이미지 붙여넣기를 어떻게 활성화하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!