如何创建一个花哨的文件上传按钮?

时间:2012-11-06 15:24:13

标签: javascript jquery html css

我知道已经就这个主题提出了很多问题,这些问题的最佳答案可能会被提到quirksmode网站, 我想让你看看这个页面 http://dekho.com.pk/new 有一个上传按钮,用于上传图片, 我只是想知道“你如何创建这样一个按钮”? 在此先感谢!

3 个答案:

答案 0 :(得分:2)

Uploadify™是一个jQuery插件,可让您轻松地为您的网站添加多个文件上传功能。两个不同的版本(HTML5和Flash)允许您灵活地为您的站点选择正确的实现,并且回退方法使其优雅地降级。

demo link

  • 极端定制
  • 多个文件上传
  • 拖放
  • 实时进度指标
  • 自定义上传限制

答案 1 :(得分:1)

我们最终决定使用UniformJS文件控件,到目前为止对此感到满意。设置和(到目前为止)并不像其他实现那样容易出错。

但当然,有多种方法可以做到这一点。常见的技巧是使文件控件透明(使用opaque: 0规则)并在下面显示图像。这样,您就不会在文件输入上模拟click事件(因为IE阻止提交“人工”激活的文件输入)。这是此过程的detailed explanation

答案 2 :(得分:0)

Uploadify™是一个jQuery插件,可让您轻松地为您的网站添加多个文件上传功能。两个不同的版本(HTML5和Flash)允许您灵活地为您的站点选择正确的实现,并且回退方法使其优雅地降级。

演示链接

极端定制 多个文件上传 拖放 实时进度指标 自定义上传限制