zoukankan      html  css  js  c++  java
  • HTML5文件上传qq、百度、taobao等比较(改进支持三种状态提示)

    拖拽过程详解:

    1:文件未拖出文件选择框的时候提示:将要上传的文件或文件夹拖拽至此区域

    2:文件拖出文件选择框但未拖入上传的文件框提示:请继续拖拽文件或文件夹至此区域

    3:文件拖出文件选择框且已拖入上传的文件框提示:文件已拖拽到上传区域内请释放鼠标

    先看一下QQ邮箱的(至少比国内好多网站作得好了):

    如果用户在上面的区域释放鼠标文件可以成功上传

    但如果用户在下面区域虽然也提示了释放鼠标但文件不能成功上传....

     我们来看看某宝的(直接不支持拖拽,人家就是牛)....

    我们再来看看百度的(直接没有任何提示)...

    这是我们的:

    2017-06-27更新不同状态的背景提示:

    请继续拖拽文件或文件夹至此区域

    2017-11-05 改进效果:

     

  • 相关阅读:
    机器学习的数学基础
    Numpy + matplotlib + pandas 用法示例
    笔记:《ZeroMQ》
    Bash 常用快捷键
    Python网络爬虫
    Bash-Script 应用案例
    Bash-Script 语法详解
    ADB的使用
    ROS概述
    架构风格
  • 原文地址:https://www.cnblogs.com/interdrp/p/6909517.html
Copyright © 2011-2022 走看看