现在有市面很多上传的插件,功能都很完善。但是也有其缺点:就是影响网站页面的性能,下面介绍的是使用input的file类型进行文件的上传。这种上传方法适合做简单上传功能的效果。
不废话甩代码
html:
<form action="/example/html5/demo_form.asp" method="get" onsubmit="return fileCountCheck(this);">
选择图片:<input type="file" id="input" name="input" multiple="multiple" />
<input type="submit">
</form>
javascript:
限制图片上传个数3张
function fileCountCheck(objForm) {
if(window.File && window.FileList) {
var fileCount = document.getElementById("input").files.length;
if(fileCount > 3) {
window.alert(‘文件数不能超过3个,你选择了‘ + fileCount + ‘个‘);
return false;
}
} else {
window.alert(‘抱歉,你的浏览器不支持FileAPI,请升级浏览器!‘);
}
}