网页文件上传表单的制作

普洱茶朵朵

普洱茶朵朵

2016-02-19 23:50

想要天天向上,就要懂得享受学习。图老师为大家推荐网页文件上传表单的制作,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

我们平时在日常网络生活当中,上传则是一个非常重要的功能。尤其是对于那么依靠网友分享的站点来说,上传是用户体验的重要的部分,分享是web2.0时代的主流特色,随之分享而来的上传,则是其中的关键一环。

先来说说以前的上传吧,真是令人苦恼。网络速度缓慢是最直接的原因,当然在交互设计上也存在着让人崩溃的地方,没有清晰的提示和防止出错的设计,让用户使用起来非常的不便利。相信你或多或少都经历过下面的灾难时刻。

辛辛苦苦上传完毕之后,突然提示,你上传的文件格式不正确,或者,您上传的文件大小超过限制,,或者其他的提示告诉你,你超长时间的上传等待其实都是白费。 眼看着文件就要上传完毕了,突然断电或者其他情况让你上传停止,你是不是有些崩溃的想法。 选好了文件,点击上传,等等等,等到天荒地老也没任何一点提示,只能惶恐的继续等待,然后发生第一条和第二条的情况。

说起最初的上传交互,相信你们都记得,一个field text 加上一个button,你可以在field text内输入文件的确切地址,也可以点击按钮浏览你的本地硬盘选择文件。

bababian

事实上,99%的人都不会直接输入文件确切地址,他们都是直接点击浏览选择文件。

我们关注一下用户在上传中所需要关注的关键信息.
文件名,文件大小,上传速度,上传等待时间.

可以发现,上传文件的本地路径就显得并不那么重要,既然不那么重要,为什么我们还需要有一个常常的field text来显示文件的本地路径呢,我们关注的是我们具体是上传哪个文件而已,我们看看 google 的改进方案.

picasa

去掉了field text,只留下一个 button让用户浏览本地,当选择文件后,按钮将显示上传文件的详细文件名(包括后缀)。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

这是一个很大的进步,这表示在上传这块领域中开始有先行者的足迹了。勇于去挑战用户习惯,勇于去做更好的设计。

展开更多 50%)
分享

猜你喜欢

网页文件上传表单的制作

Web开发
网页文件上传表单的制作

Linux下如何备份网页文件

电脑入门
Linux下如何备份网页文件

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

制作网页评论表单

Web开发
制作网页评论表单

多表单域无组件文件上传的例子

ASP
多表单域无组件文件上传的例子

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

ajax(iframe)无刷新提交表单、上传文件

Web开发
ajax(iframe)无刷新提交表单、上传文件

控制网页文件大小通过精简CSS实现

Web开发
控制网页文件大小通过精简CSS实现

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何修改QQ好友的备注

如何修改QQ好友的备注

通过CSS实例实现清除浮动

通过CSS实例实现清除浮动
下拉加载更多内容 ↓