React.js
클립보드로 이미지복사
yongary
2024. 4. 15. 13:23
단, https에서만 동작한다.
async function copyImageToClipboard(imageUrl) {
try {
const response = await fetch(imageUrl);
const blob = await response.blob();
await navigator.clipboard.write([
new ClipboardItem({
[blob.type]: blob
})
]);
console.log('Image copied to clipboard');
} catch (err) {
console.error('Failed to copy image: ', err);
}
}
// 이미지 URL과 버튼 클릭 이벤트 핸들러
document.getElementById('copyImageButton').addEventListener('click', function() {
const imageUrl = 'path/to/your/image.png';
copyImageToClipboard(imageUrl);
});