Compare commits
3 Commits
main
...
alert-auto
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
dddd72ec83 | ||
|
|
181572e330 | ||
|
|
91e5882814 |
@ -10,6 +10,8 @@ import { ImagePlus } from '../icons/src/vender/line/images'
|
|||||||
import { useDraggableUploader } from './hooks'
|
import { useDraggableUploader } from './hooks'
|
||||||
import { ALLOW_FILE_EXTENSIONS } from '@/types/app'
|
import { ALLOW_FILE_EXTENSIONS } from '@/types/app'
|
||||||
|
|
||||||
|
const MAX_FILE_SIZE = 5 * 1024 * 1024
|
||||||
|
|
||||||
type UploaderProps = {
|
type UploaderProps = {
|
||||||
className?: string
|
className?: string
|
||||||
onImageCropped?: (tempUrl: string, croppedAreaPixels: Area, fileName: string) => void
|
onImageCropped?: (tempUrl: string, croppedAreaPixels: Area, fileName: string) => void
|
||||||
@ -38,7 +40,7 @@ const Uploader: FC<UploaderProps> = ({
|
|||||||
|
|
||||||
const handleLocalFileInput = (e: ChangeEvent<HTMLInputElement>) => {
|
const handleLocalFileInput = (e: ChangeEvent<HTMLInputElement>) => {
|
||||||
const file = e.target.files?.[0]
|
const file = e.target.files?.[0]
|
||||||
if (file)
|
if (file && ALLOW_FILE_EXTENSIONS.includes(file.type.split('/').pop()?.toLowerCase() || '') && file.size <= MAX_FILE_SIZE)
|
||||||
setInputImage({ file, url: URL.createObjectURL(file) })
|
setInputImage({ file, url: URL.createObjectURL(file) })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
export const createImage = (url: string) =>
|
const createImage = (url: string) =>
|
||||||
new Promise<HTMLImageElement>((resolve, reject) => {
|
new Promise<HTMLImageElement>((resolve, reject) => {
|
||||||
const image = new Image()
|
const image = new Image()
|
||||||
image.addEventListener('load', () => resolve(image))
|
image.addEventListener('load', () => resolve(image))
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user