1. Submissão do formulário
2. Flash
3. HTML5
O formulário envia uma página de atualização, é difícil fazer upload de assíncrono; Com base no HTML5, parece estar cobrado, você pode ir ao site oficial para ver;
Efeito Figura 1:
Efeito Figura 2:
Como o upload local é muito rápido, gravei um GIF de 80m e, finalmente, posso ver os detalhes do upload.
Porque o código é mais:
Este fala principalmente sobre HTML e CSS:
Código HTML:
<! CSS TIPO = TEXT/CSS Rel = Stylesheet/> </head> <body> <div id = uploadbox> <ul> <li> <img src = imagens/pic1.jpg/> <span class = progress> </span > <span class = porcentagem> </span> </li> <li> <img src = imagens/pic2.jpg/> <span class = progress> </span> <span class = porcentagem> 12%</span > </li> <li class = done> <img src = imaga Clearfix> </div> </ul> </div> </body> </html>
Ainda muito simples:
A. Um Div#uploadbox, Ul Li representa cada unidade de imagem de upload
B. foto img
C. Li Span.Progress é usado para exibir o progresso.
D. Li Span.Porced é usado para exibir números de 1%a 100%no centro da figura.
CSS:
Corpo {background: #eee;} #UPLOADBOL {Lidra: 622px; Margem de 5px; Absoluto; ; : -1000em;Eles são todos simples, basicamente o uso simples do posicionamento ~ todos podem vê -lo ~
Último mapa de efeito:
O acima é todo o conteúdo deste artigo.