ホームページ  >  記事  >  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 までご連絡ください。