1。フォームの提出
2。フラッシュ
3。HTML5
フォームは、非同期フラッシュをより多く使用している可能性がありますHTML5に基づいて、公式Webサイトにアクセスして、HTML5がAPIとファイル、FilerEader、XMLHTTPREQUESTなどを提供します。
効果図1：
効果図2：
ローカルのアップロードが速すぎるため、80mのGIFを録音しました。最後に、アップロードの詳細を確認できますか？
コードがもっとあるので：
これは主にHTMLとCSSについて説明しています。
HTMLコード：
<！doctype html> <html> <head> <title> </title> <utf-8/> <link href = reset.css type = text/css rel = styleSheet/> <link href = 01。 css type = text/css rel = styleSheet/>> </head> <body> <div id = uploadbox> <ul> <li> <img src =画像/pic1.jpg/> <span class = progress> </span > <span class = perperentage> </span> </li> <li> <img src =画像/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 = perperentage> </span> </li> <div class = clearfix> </div> </ul> </div> </body> </html>
まだ非常に単純：
A. One Div＃uploadbox、ul liは各アップロード画像ユニットを表します
B. li imgの写真
C. span.progressは、高さからの影響を示しています。
D. li span.percentageは、写真の中央に1％から100％の数字を表示するために使用されます
CSS：
ボディ{#eee;} #uploadbox {622px：#fff; 5px #uploadbox {border：d1d11：絶対的なもの：50％ ;ボーダーラジウス：34.5px：rgba（0、0、.8）; ：-1000em;} uploadbox {position：22.4px：0px：000;}それらはすべてシンプルで、基本的にはポジショニングの簡単な使用です〜誰もがそれを見ることができます〜
最終効果マップ：
上記は、この記事のすべての内容です。