ホームページ >バックエンド開発 >PHPチュートリアル >PHP 複数画像アップロードのサンプル デモ、_PHP チュートリアル

PHP 複数画像アップロードのサンプル デモ、_PHP チュートリアル

WBOY
WBOYオリジナル
2016-07-12 09:02:16886ブラウズ

PHP多图片上传实例デモ、

upload.html


< html xmlns="http://www.w3.org/1999/xhtml">



多图片上传实例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);

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/1086205.html技術記事 PHP多图片上传实例デモ、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...
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。