PHP多图片上传实例demo,_PHP教程

WBOY
Lepaskan: 2016-07-12 09:02:16
asal
881 orang telah melayarinya

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

 

www.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...
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan