Multi upload files with input

Question

How to multi upload files with tied input block? And store this in an array of objects

The file input name could be files[] and the text file_texts[]. One array index in files will then match with an array index of file_texts — Peter Pointer
– Peter Pointer, Commented Sep 6, 2022 at 11:54

Anonymous User · Accepted Answer · 2022-09-10 15:25:29Z

1

This link may help you with the multiupload part, the only thing that you need to change is the addFile part. We just need to modify it a bit.

First of all, modify the state to be const state = reactive({files, fileName: ''}) and then the addFiles function to this:

const addFiles = (event) => {
  const file = event.target.files[0]
  const blob = file.slice(0, file.size, file.type);
  const newFile = new File([blob], state.fileName, {type: file.type});
  state.files.push(newFile)
}

If you want several inputs, then just modify the addFiles state.fileName to change it to an array and use state.fileNames[index] to use that name.

answered Sep 10, 2022 at 15:25

Anonymous User

5314 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Multi upload files with input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related