This commit is contained in:
Infinite
2020-01-20 21:56:23 +01:00
parent 9827647122
commit 244c8ff234
82 changed files with 3729 additions and 2304 deletions

View File

@@ -4,34 +4,38 @@ const readImage = (file: File, onLoadEnd: (this: FileReader) => void) => {
const reader: FileReader = new FileReader();
reader.onloadend = onLoadEnd;
reader.readAsDataURL(file);
}
};
const pasteImage = (event: ClipboardEvent, onLoadEnd: (this: FileReader) => void) => {
const pasteImage = (
event: ClipboardEvent,
onLoadEnd: (this: FileReader) => void
) => {
const files = event?.clipboardData?.files;
if(!files?.length)
return;
if (!files?.length) return;
const file = files[0];
readImage(file, onLoadEnd);
}
};
const onImageChange = (event: React.FormEvent<HTMLInputElement>, onLoadEnd: (this: FileReader) => void) => {
const onImageChange = (
event: React.FormEvent<HTMLInputElement>,
onLoadEnd: (this: FileReader) => void
) => {
const file = event?.currentTarget?.files?.[0];
if(file)
readImage(file, onLoadEnd);
}
if (file) readImage(file, onLoadEnd);
};
const usePasteImage = (onLoadEnd: (this: FileReader) => void) => {
useEffect(() => {
const paste = (event: ClipboardEvent) => ( pasteImage(event, onLoadEnd) );
const paste = (event: ClipboardEvent) => pasteImage(event, onLoadEnd);
document.addEventListener("paste", paste);
return () => document.removeEventListener("paste", paste);
});
}
};
const Image = {
onImageChange,
usePasteImage
}
};
export default Image;