1. 양식 제출
2. 플래시
3. html5
Form은 새로 고침을 제출하면 비동기식을 업로드하기가 어렵습니다. 거의 모든 브라우저를 고려할 수 있습니다 HTML5를 기반으로 한 공식 웹 사이트로 이동하여 HTML5는 API 및 파일, FilerEREADER, XMLHTTPREQUEST 등과 같은 강력한 API를 제공하여 가능한 드래그 및 드롭 구현을 제공합니다.
효과 그림 1 :
효과 그림 2 :
로컬 업로드가 너무 빠르기 때문에 80m GIF를 녹음했으며 마침내 업로드의 세부 사항을 볼 수 있습니다.
코드가 더 많기 때문에 :
이것은 주로 HTML 및 CSS에 대해 이야기합니다.
HTML 코드 :
<! CSS 유형 = 텍스트/CSS rel = 스타일 시트/> </head> <body> <div id = uploadbox> <ul> <li> <img src = images/pic1.jpg/> <span class = progress> </span > <span class = 백분율> </span> </li> <li> <img src = images/pic2.jpg/> <span class = progress> </span> <span class = 백분율> 12%</span > </li> <li class = done> <img src = images/pic2.jpg/> <span class = progress> </span> <span class = 백분율> </span> </li> <div class = Clearfix> </div> </ul> </div> </body> </html>
여전히 매우 간단합니다 :
A. 하나의 div#uploadbox, ul li는 각 업로드 이미지 장치를 나타냅니다.
B. Li IMG 사진
C. li. 프로그램은 진전을 나타내는 데 사용됩니다.
D. li. 퍼센트는 그림 중앙에 1%~ 100%숫자를 표시하는 데 사용됩니다
CSS :
BODGE : #EEE; 마진-} <sublodbox <d1d1d1; 절대; 50%; 국경 -라디우스 : 34.5px; rgba (0, 0, 0, .8); : -1000em;
그들은 모두 간단하고 기본적으로 간단한 포지셔닝 ~ 모두를 볼 수 있습니다 ~
마지막 효과 맵 :
위는이 기사의 모든 내용입니다.