cite;small;API；FileList对象和file对象

最新推荐文章于 2022-06-08 13:33:33 发布

原创最新推荐文章于 2022-06-08 13:33:33 发布 · 492 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了HTML5中新增的cite元素和small元素的用途及规范，详细解释了FileList对象和file对象的功能与使用方法，展示了如何利用这些新特性简化文件操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cite元素：

cite元素表示作品(一本书，一篇文章，一首歌曲)的标题；HTML4中，cite只是用来表示作者，但在HTML5中，明确规定不能用cite元素表示作者在内的人名，因为人的名字不是标题，但是为了和之前的网页进行兼容，并没有吧这个当作一个错误，这只是一个规定

small元素：

在这里，这个元素由原来的通用展示性元素变为更具体的，专门用来标识的所谓"小体印刷体"，通常用在诸如免责声明，注意事项，法律规定，与版权相关的法律性声明文字中，同时不允许被应用在页面主内容中，只允许被当作辅助信息用inline方式内嵌在页面上使用，；同时，small元素并不意味着元素内容中的字体会变小，如果需要字体变小，可以配合样式表进行

文件API：

应用程序接口，通过这个，web页面访问本地文件系统的相关处理将会变得很简单

FileList对象与file对象：

<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>FileList对象和file对象的例子</title>
</head>
<script type="text/javascript">
	function showFileName()
	{
	   var file;
	   for(var i=0;i<document.ById("file").files.length;i++)
	   {
	   	file=document.getElementById("file").files[i];
	   	alert(file.name);
	   }	
	}
</script>
选择文件：
<input type="file" id="file" multiple size="80"/>
<input type="button" onclick="ShowFileName();"value="文件上传"/>

点击打开链接

FileList对象表示用户选择的文件列表，HTML4中，file控件内只允许放置一个文件，但是到了HTML5中，通过添加multiple属性，file控件内可以一次放置多个文件，控件内的每一个用户选择的文件都是一个file对象，而FileList对象则是这些file对象的列表，代表用户选择的所有的文件，file对象有两个属性，name表示文件名，不包括路径，lastModifiedDate属性表示文件的最后修改日期