<input type="file" id="uploadfile1" multiple="multiple" style="display:none" />
<script>
$(document).ready(function(){
$(".a-upload").click(function(){
$('#uploadfile1').click();
});
});
document.querySelector('#uploadfile1').addEventListener('change', function(){
if ( this.files.length > 9 ) {
alert('图片最多只能选择9张');
}else{
var img,files = this.files;
var reader ;
for(var i = 0, j = files.length; i < j; i ++){
if($('#bigBox').parent().find(".img11").size() < 9 ){
reader = new FileReader();
reader.readAsDataURL(files[i]);
reader.onload = function(e){
var imgUrl = '<pre name="code" class="html"><img src="'+ e.target.result +'" class="img11" />
<i></i>';$('#bigBox>i:last').append(imgUrl);};}else{alert('图片最多只能选择9张');}}}}, false);function delImg(obj){$(obj).parent().parent().remove();}</script>
html实现上传多个文件预览
最新推荐文章于 2024-08-10 07:17:56 发布