html和js实现文件上传功能

html和js实现文件上传功能html和js实现文件上传功能<!DOCTYPEhtml><html> <head> <metacharset=”utf-8″> <title></title> </head> <body> <inputtype=”file”id=”files”multiple> <script> varelem=document.getElement

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>

今天的文章html和js实现文件上传功能分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/11646.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注