> 백엔드 개발 > PHP 튜토리얼 > PHP多图片上传实例demo,_PHP教程

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

WBOY
풀어 주다: 2016-07-12 09:02:16
원래의
899명이 탐색했습니다.

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...
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿