PHP多图片上传实例demo,
upload.html
多图片上传实例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>
upload.php
var_dump($_FILES);
http://www.bkjia.com/PHPjc/1086205.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/1086205.htmlTechArticlePHP多图片上传实例demo, upload.html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http...