PHP多图片上传实例demo,
upload.html
多图片上传实例1
选择上传图片
<script><br /> window.URL = window.URL || window.webkitURL;<br /> var fileList = document.getElementById("fileList");<br /> var num = 0;
<p> function handleFiles(obj) {<br /> var sname = 'fileElem'+num;<br /> num++;<br /> var xname ='fileElem'+num;
<p> $('#'+sname).hide();<br /> $('#filebox').append('<input class="inputimg" type="file" id="'+xname+'" name="img[]" multiple="multiple" accept="image/*" onchange="handleFiles(this)">');
<p> if(fileList.childNodes.length>=6){<br /> alert("最多只能上传6张图片哦!");<br /> return false;<br /> }
<p> /* 方法2<br /> if(num>5){<br /> alert("最多只能上传6张图片哦!");<br /> return false;<br /> }<br /> */
<p> var files = obj.files,<br /> img = new Image();
<p> var div = document.createElement("div");//创建一个DIV<br /> div.style.width = "100px";<br /> div.style.height = "100px";<br /> div.style.border = "1px solid #111";<br /> div.style.margin = "2px";<br /> div.style.float = "left"; <br /> div.style.boxShadow = " 2px 2px 4px #aaa";
<p><br /> img.src = window.URL.createObjectURL(files[0]); <br /> img.style.width = "100px";<br /> img.style.height = "100px";<br /> img.name="img[]";<br /> img.onload = function(e) {<br /> window.URL.revokeObjectURL(this.src); <br /> }
<p> div.appendChild(img);<br /> fileList.appendChild(div);<br /> }<br /> </script>
upload.php
var_dump($_FILES);