PHP多图片上传实例デモ、
upload.html
< html xmlns="http://www.w3.org/1999/xhtml">
多图片上传实例1
选择上传图片
<script><br> window.URL = window.URL || window.webkitURL;<br> var fileList = document.getElementById("fileList");<br> var num = 0;</p>
<p> function handleFiles(obj) {<br> var sname = 'fileElem'+num;<br> num++;<br> var xname ='fileElem'+num;</p>
<p> $('#'+sname).hide();<br> $('#filebox').append('<input class="inputimg" type="file" id="'+xname+'" name=" img[]" multiple="multiple" accept="image/*" onchange="handleFiles(this)">');</p>
<p> if(fileList.childNodes.length>=6){<br>alert("最多只能上传6张图片哦!");<br> return false;<br> }</p>
<p> /* 方法2<br> if(num>5){<br>alert("最多只能上传6张图片哦!");<br> return false;<br> }<br> */</p>
<p> var files = obj.files,<br> img = new Image();</p>
<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>
<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>
<p> div.appendChild(img);<br> fileList.appendChild(div);<br> }<br> </script>