O arquivo de entrada = o arquivo no formulário é frequentemente usado no desenvolvimento do front-end, mas o trágico é que o tipo de entrada = o arquivo não tem desempenho uniformemente em cada navegador, e o estilo é difícil de trabalhar; Então, como lidamos com esse problema? Este é o conteúdo principal que discutimos hoje . Qual é a entrada do tipo = arquivo?
Eu não acho que é necessário dizer nada sobre isso. Enfim, todo mundo sabe disso. Na era de vários telefones celulares, você pode carregá -lo tirando fotos diretamente. De qualquer forma, é muito mais divertido do que antes.
No passado, eu só podia fazer upload de um arquivo. Agora, desde que o atributo múltiplo seja adicionado, vários arquivos podem ser carregados e há muitos formatos de arquivo suportados. Eu não vou dizer muito. Para detalhes, consulte http://www.w3.org/html/ig/zh/wiki/html5/number-state#.e6.96.87.e4.bb.b6.e4.b8.8a.e4.bc.a0.e7.8a.b6.e6.8.8.8.8.8a.e4.bc.a0.e7.8a.b6.e6.8.8.8.8.8.8.8.8a.e4.bc.a0.e7.8a.b6.e6.8.8.8.8.8.8.8.8.8.8.8.8.8.8.8.8.8.8.80
Ajuste do estilo de botão de uploadQualquer pessoa que tocou CSS sabe que, entre os elementos HTML, a modificação de estilo dos elementos de controle de forma é a mais dolorosa. Os estilos de muitos controles são alterados de acordo com o tema do sistema. Se você deseja modificá -los, só pode implementá -los por simulação, especialmente no navegador do IE.
Para o botão de upload tipo = arquivo, modificamos seu estilo. Algumas pessoas usaram métodos de simulação, mas diz-se que pode haver alguns problemas de segurança ao usar métodos de simulação. Bem, para uma página como eu, Chetuzi, eu não entendo, e mesmo que eu entenda, não sei como lidar com isso. Então não simule ...
Mas se você não simular, como modifica o estilo?
Esquema de sobreposição de posicionamento da imagemO método que eu conhecia antes e o método que todo mundo sabe é colocar de forma transparente o botão Type = Arquivo de upload e, em seguida, sobrepotê -lo em uma imagem, para que as pessoas possam sentir que ela é alcançada clicando no upload da imagem e não há necessidade de olhar para o botão de upload nativo.
Copie o código