AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-12 23:39:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: upload file component support multiple (#10817)

Browse Source
This commit is contained in:
zxhlyh 2024-11-19 14:00:54 +08:00 committed by GitHub
parent 7261384655
commit 133de9a087
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/app/components/base/file-uploader/file-input.tsx
View File

@ -13,10 +13,19 @@ const FileInput = ({
const files = useStore(s => s.files)
const { handleLocalFileUpload } = useFile(fileConfig)
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
const file = e.target.files?.[0]
const targetFiles = e.target.files
if (file)
handleLocalFileUpload(file)
if (targetFiles) {
if (fileConfig.number_limits) {
for (let i = 0; i < targetFiles.length; i++) {
if (i + 1 + files.length <= fileConfig.number_limits)
handleLocalFileUpload(targetFiles[i])
}
}
else {
handleLocalFileUpload(targetFiles[0])
}
}
}
const allowedFileTypes = fileConfig.allowed_file_types
@ -32,6 +41,7 @@ const FileInput = ({
onChange={handleChange}
accept={accept}
disabled={!!(fileConfig.number_limits && files.length >= fileConfig?.number_limits)}
multiple={!!fileConfig.number_limits && fileConfig.number_limits > 1}
/>
)
}