Chrome 12에서는 Gmail에 이미지 직접 붙여넣기를 어떻게 활성화하나요?

Gmail 및 Chrome 12에서 이미지 클립보드 통합 잠금 해제

크게 발전한 Chrome 12 이상에서는 사용자가 클립보드에서 직접 이미지를 원활하게 붙여넣을 수 있는 기능을 제공합니다. Gmail 메시지에. 이 혁신적인 기능은 키 누르기 이벤트에 의존하고 상황에 맞는 메뉴 액세스를 지원하지 않는 기존 솔루션의 한계를 뛰어넘습니다.

이를 달성하기 위해 Webkit은 내부적으로 정교한 개선 사항을 도입했습니다. Clipboard API를 확장하여 개발자가 클립보드의 내용을 탭할 수 있는 onpaste 이벤트를 지원합니다. 붙여넣으면 ClipboardItem 개체 배열이 노출되며 각 개체에는 붙여넣은 특정 항목이 포함되어 있습니다.

이 기능에 대해 자세히 알아보려면 개발자는 다음 코드 조각을 참조할 수 있습니다.

<code class="javascript">document.onpaste = function(event) {
  var items = (event.clipboardData || event.originalEvent.clipboardData).items;
  console.log(JSON.stringify(items)); // Mime type information (optional)

  for (let item of items) {
    if (item.kind === 'file') {
      var blob = item.getAsFile();
      var reader = new FileReader();
      reader.onload = function(event) {
        console.log(event.target.result); // Data URL for the pasted image!
      }
      reader.readAsDataURL(blob);
    }
  }
};</code>

일단 획득한 데이터 URL은 붙여넣은 이미지를 나타내며 필요에 따라 표시하거나 업로드할 수 있습니다. FileReader API를 활용하여 이미지에서 데이터 URL 또는 이진 데이터를 추출할 수 있습니다. FormData는 XHR을 사용하여 이미지를 업로드하는 편리한 방법을 제공합니다.

Webkit 기능에 이 획기적인 추가 기능을 추가하면 Gmail과 더 넓은 웹 내에서 원활한 이미지 공유 및 조작 가능성이 확장됩니다.

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