dify/web/app/components/base/file-uploader/file-input.tsx
2024-09-11 18:25:49 +08:00

22 lines
550 B
TypeScript

import { useFile } from './hooks'
const FileInput = () => {
const { handleLocalFileUpload } = useFile()
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
const file = e.target.files?.[0]
if (file)
handleLocalFileUpload(file)
}
return (
<input
className='absolute block inset-0 opacity-0 text-[0] w-full disabled:cursor-not-allowed cursor-pointer'
onClick={e => ((e.target as HTMLInputElement).value = '')}
type='file'
onChange={handleChange}
/>
)
}
export default FileInput