Como os plugins de Upload conseguem adicionar e excluir arquivos do input file

Question

Galera,

Estou estudando upload de arquivos (asp.net MVC) e não consegui entender como os plugins de upload fazem para permitir que novos arquivos sejam adicionados aos arquivos já selecionados em um input file. Pelo que li por ai, não se pode adicionar ou remover arquivos do FileList do input file. Então como os plugins simulam ou contornam isso?

Exemplo:

<inpu type="file" multiple/>

Passo 1) O usuário clica no input e seleciona 3 arquivos

Passo 2) O usuário clica novamente no input e seleciona outros arquivos

Quando ele executar a segunda ação queria adicionar os arquivos que ele acabou de selecionar na seleção anterior. Ao invés disso o input perde os arquivos selecionados no passo 1 e passa a usar os selecionados no passo 2.

Answer 1

Pela manipulação do DOM via javascript.

Você não pode inserir vários arquivos em um mesmo "input file" mas pode ter vários "input file" no mesmo formulário.

O que é feito é inserir um input file oculto e acrescentar o nome do arquivo em uma lista e exibir os mesmos.

Answer 2

João obrigado pela resposta. Disse mais em poucas palavras do que outros em várias respostas.