文件操作

最新推荐文章于 2024-01-02 09:46:22 发布

强强强子

最新推荐文章于 2024-01-02 09:46:22 发布

阅读量416

点赞数

分类专栏： HTML5 JavaScript

本文链接：https://blog.csdn.net/sinat_25926481/article/details/52793906

版权

JavaScript 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

HTML5

9 篇文章 0 订阅

订阅专栏

实例代码如下

<html>
  <head>
    <meta http-equiv="Content-Style-Type" content="text/css" /> 
    <title>文件操作</title>
    <link href="/library/skin/tool_base.css" type="text/css" rel="stylesheet" media="all" />
    <link href="/library/skin/bupt-blue/tool.css" type="text/css" rel="stylesheet" media="all" />
    <script type="text/javascript" language="JavaScript" src="/library/js/headscripts.js"></script>
    <style>body { padding: 5px !important; }</style>
  </head>
  <body>
<!DOCTYPE html>

<head>
	<meta charset="UTF-8">
	<title>Blob对象使用示例</title>
	<script language=javascript>
		function ShowFileType() {
			var file;
			var fileLength = document.getElementById("file").files.length;//选择文件的文件个数
			for(var i = 0; i < fileLength; i++) {
				file = document.getElementById("file").files[i];
				document.getElementById("content").innerHTML += "文件名称:<span>"+file.name+"</span><br/>\n" +
				"文件字节长度:<span>"+file.size+"</span><br/>"+
					"文件类型：<span>"+file.type+"</span><hr>"
			}
		}
	</script>
	选择文件：
	<input type="file" id="file" multiple="multiple" /><!--multiple属性表明可以选择多个文件-->
	<input type="button" value="显示文件信息" οnclick="ShowFileType();" /><br/>
	<div id="content">

	</div>
  </body>
</html>