JSFiddle - React, Tailwind, and code Playground

by tu genhua

HTML

<h2>打印文件名和文件最后修改时间</h2>
    选择文件
	<input type="file" id="file3" multiple size="80"/>
	<input type="button" value="文件上传" id="fileId-nd"/>
	
	<h1 style="color:red;font-size:24px;">Blob对象读取文件字节长度和文件类型</h1>
	选择文件
	<input type="file" id="file2" accept="image/*" multiple/>
	<input type="button" value="显示文件信息" id="fileId-st"/>
	文件字节长度:<span id="size"></span><br/>
	文件类型: <span id="type"></span> <br/>

JavaScript

function showFileType() {
			var file = document.getElementById("file2").files[0];
			var size = document.getElementById("size");
			// 显示文件字节长度
			size.innerHTML = file.size;
			var type = document.getElementById("type");
			type.innerHTML = file.type;

		}
		function ShowFileName() {
			var file;
			var files = document.getElementById("file3").files;
           
			for(var i = 0; i < files.length; i++) {
				file = files[i];
				alert(file.name);
				alert(file.lastModifiedDate);
			}
		}
$("#fileId-nd").click(function(){
    ShowFileName();
})
$("#fileId-st").click(function(){
    showFileType();
})