html5教程之HTML5实例教程：FileList工具实例代码

只看该作者 · 发表于 2015-1-15 23:11:06

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来，一直是WHATWG肩负起HTML的重责大任。破洛洛文章简介：在已往，上传文件的时分，我们每次都只能一次选择一个文件。假如想完成多文件上传，要末静态的增添file框要末利用Flash来取代。如今我们在HTML5中要想完成这个功效，是十拿九稳的事变。
在已往，上传文件的时分，我们每次都只能一次选择一个文件。假如想完成多文件上传，要末静态的增添file框要末利用Flash来取代。如今我们在HTML5中要想完成这个功效，是十拿九稳的事变。

FileList工具：
FileList工具，实在就是多个file工具的列表。在HTML5中要想多文件上传我们只必要在原本的file范例的Input中到场multple属性便可。

HTML

<inputid="W3Cfuns_FileList"type="file"multiple/>

JavaScript
为了可以让人人看分明这个上传文本框，复杂的写了一下JS，经由过程它来遍历出filelist中的文件，JS看不懂的话也没有干系，在这里次要是为了演示此控件切实其实猎取了多个文件。

functionshowFileName()
{
varfile=document.getElementById("W3Cfuns_FileList");
for(vari=0,j=file.files.length;i<j;i++)
{
alert(file.files.name);
}
}

完全的代码

<!DOCTYPEHTML>

<html>

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>W3Cfuns_FileList</title>

<scripttype="text/javascript">

functionshowFileName()

{

varfile=document.getElementById("W3Cfuns_FileList");

for(vari=0,j=file.files.length;i<j;i++)

{

alert(file.files.name);

}

}

</script>

</head>

<body>

<inputid="W3Cfuns_FileList"type="file"multiple/>

<button>提交</button>

</body>

</html>

</p>
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点……

只看该作者 · 发表于 2015-1-17 20:31:40

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-1-25 17:14:49

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

只看该作者 · 发表于 2015-2-3 12:23:25

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-2-9 00:56:17

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

仓酷云 · 发表于 2015-2-26 16:24:42

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-3-8 16:28:12

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

只看该作者 · 发表于 2015-3-16 08:16:18

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-3-22 22:02:06

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

		自动登录	找回密码
密码			立即注册

[HTML5] html5教程之HTML5实例教程：FileList工具实例代码

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子