>  기사  >  php教程  >  PHP多图片上传实例demo,

PHP多图片上传实例demo,

WBOY
WBOY원래의
2016-06-13 08:48:441178검색

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);

 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.