HTML5文件上傳qq、百度、taobao等比較(改進支持三種狀態提示)


拖拽過程詳解:

1:文件未拖出文件選擇框的時候提示:將要上傳的文件或文件夾拖拽至此區域

2:文件拖出文件選擇框但未拖入上傳的文件框提示:請繼續拖拽文件或文件夾至此區域

3:文件拖出文件選擇框且已拖入上傳的文件框提示:文件已拖拽到上傳區域內請釋放鼠標

先看一下QQ郵箱的(至少比國內好多網站作得好了):

如果用戶在上面的區域釋放鼠標文件可以成功上傳

但如果用戶在下面區域雖然也提示了釋放鼠標但文件不能成功上傳....

 

 我們來看看某寶的(直接不支持拖拽,人家就是牛)....

 

我們再來看看百度的(直接沒有任何提示)...

 

 

這是我們的:

2017-06-27更新不同狀態的背景提示:

 

請繼續拖拽文件或文件夾至此區域

 

2017-11-05 改進效果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM