HTML5 多图上传

java多线程 Java入门 vsftp ftp linux配置 centos FRP教程 HBase Html5缓存 webp zabbix 分布式 neo4j图数据库

发表于 2014-06-05 08:06:29 by 月小升

一次选择多张照片，你是不是要这样的效果

刚刚研究完FLASH的多图上传，不过html5这么时髦的东西，也得研究下。

研究了半天发现html5其实特别简单。

多图控件

multiple 这个input的特性是html5新有的，所以IE6这么低级的货是无法兼容的。

这个属性相当于以前的这样的多图情况

不过道理很简单一个是一次只能选择一个图片

HTML5的这个可以选择多个图片，拉风啊。

后台代码不变。

function getimgmany($rr,$upload_image_dir)
{
    $fs = $_FILES[$rr];
    $imgnames = array();
		
	for($i=0;$i不支持的扩展名 点击返回

"; exit(); } srand ((double) microtime() * 948625); //生成随机文件名 $targetname =time(); $targetname .= rand() . '.' . $pathinfo["extension"]; $targetpath = $upload_image_dir .strftime ("%Y%m" ,time())."/". $targetname; copy($_FILES[$rr]['tmp_name'][$i], $targetpath); unlink($_FILES[$rr]['tmp_name'][$i]); $imga = $targetpath; array_push($imgnames,$imga); } return $imgnames; }

代码调用
php端代码

$imgdir = "uploads/";
$imgs = getimgmany('files',$imgdir);
print_r($imgs);

This entry was posted in PHP and tagged html5, 多图, 多图上传. Bookmark the permalink.

月小升QQ 2651044202, 技术交流QQ群 178491360

首发地址：月小升博客 – https://java-er.com/blog/html5-many-image-upload/
无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢

您的评论是我写作的动力.

HTML5 多图上传

Leave a Reply Cancel reply

近期文章

标签

分类