anguarjs 上传图片预览_JS控制上传图片个数，预览上传图片

一共是2个函数

//这个函数的作用预览上传的图片

 function fileView(filesObj){ //显示上传图片预览 var view=document.querySelector("#view"); var url = window.URL.createObjectURL(filesObj.files[0]); view.innerHTML="";  //创建一个图片对象 var img = new Image(); img.src = url; img.style.width = "500px"; img.style.height = "503px"; view.appendChild(img);  }

---

//这个函数用于控制上传文件的数量

//filesObj上传文件对象,minFileNum、maxFileNum上传文件数量最小值和最大值 function fileCountCheck(filesObj,minFileNum,maxFileNum){ var btn = document.getElementById('btn'); //控制上传文件个数 if (window.File && window.FileList) { var fileCount = filesObj.files.length; if (fileCount == minFileNum || fileCount > maxFileNum) { window.alert('图片不能超过' + maxFileNum + '个，请重新选择' ); btn.disabled = true; btn.style.background = "url('disable.png') no-repeat center"; return false; } else { btn.disabled = false; btn.style.background = 'blue'; return true; } } else { window.alert('你的浏览器不支持上传文件,请升级你的浏览器'); return false; } }

如果不符合规定的话，就如下图所示