当前位置 博文首页 > Champhoenix的博客：html和js实现文件上传功能

最大化 缩小

    Champhoenix的博客：html和js实现文件上传功能

    作者：[db:作者] 时间：2021-09-07 22:28

    html和js实现文件上传功能

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="file" id="files" multiple>
		<script>
		    var elem = document.getElementById('files');
		    elem.onchange = function (event) {
		        var files = event.target.files;
		        for (var i = 0; i < files.length; i++) {
		            // 文件类型为 image 并且文件大小小于 200kb
		            if(files[i].type.indexOf('image/') !== -1 && files[i].size < 204800){
		                console.log(files[i].name);
		            }
		        }
		    }
		</script>
	</body>
</html>
    cs
    上一篇：Champhoenix的博客：关于国密算法 SM1，SM2，SM3，SM4 的笔记
    下一篇：没有了