skymvc文件上传支持多文件上传

支持单文件、多文件上传

可以设定 文件大小、存储目录、文件类型

//上传的文件目录

$this->upload->uploaddir="attach/my/";

//允许上传的文件大小

$this->upload->maxsize=4194304000;

//是否上传图片

$this->upload->upimg=true;

//设置允许上传的文件类型

$this->upload->sysallowtype=array('gif','jpg','bmp','png','jpeg','txt','mpeg','avi','rm','rmvb','wmv','flv','mp3','wav','wma','swf','doc','pdf','zip','tar','svg');

$this->upload->allowtype=$this->upload->sysallowtype;

//根据Id存储

$this->upload->iddir=0;

uupload.ctrl.php

<?php

class uploadControl extends skymvc{

	public function __construct(){

		parent::__construct();

	}

	public function onDefault(){

		$this->smarty->display("upload/default.html");

	}

	public function onUpload(){

		if(!$this->get_session("ssuser")){

			//exit(json_encode(array("err"=>"请先登录",1)));

		}

		$this->loadClass("upload");

		//上传的文件目录

		$this->upload->uploaddir="attach/my/";

		//允许上传的文件大小

		$this->upload->maxsize=4194304000;

		//是否上传图片

		$this->upload->upimg=true;

		//设置允许上传的文件类型

		$this->upload->sysallowtype=array('gif','jpg','bmp','png','jpeg','txt','mpeg','avi','rm','rmvb','wmv','flv','mp3','wav','wma','swf','doc','pdf','zip','tar','svg');

		$this->upload->allowtype=$this->upload->sysallowtype;

		//根据Id存储

		$this->upload->iddir=0;

		$data=$this->upload->uploadfile("upimg");

		//print_r($data);

		echo json_encode($data);	

	}

}

?>

　　upload.html

<!doctype html>

<html>

{include file="head.html"}

<body>

{include file="header.html"}

<div class="main-body box960">

	<form method="post" action="/index.php?m=upload&a=upload" enctype="multipart/form-data">

    <div class="row">

    	<div class="btn-upload">

        	<i class="iconfont icon-upload"></i>

            上传文件

        	<div class="btn-upload-file">

             	<input type="file" id="upimg" name="upimg" multiple>

             </div>

        </div>

    </div>

    <div style="height:10px;"></div>

    <div class="row">

    <input type="submit" class="btn" value="上传">

    </div>

    </form>

    <h3>上传结果</h3>

    <div class="result" id="result"></div>

</div>

{include file="footer.html"}

<style>

	.result{border:1px solid #ccc; padding:5px;}

	.result div{line-height:24px;}

	.result .e{color:#D58384;}

	.result .s{color:#59A42A;}

</style>

<script src="/static/js/skyupload.js"></script>

<script>

	$(document).on("change","#upimg",function(data){

		skyUpload("upimg","/index.php?m=upload&a=upload&ajax=1",function(e){

			var data=eval("("+e.target.responseText+")");

			if(data.err){

				$("#result").append('<div class="e">error:'+data.err+'</div>');

			}else{

				$("#result").append('<div class="s">success:'+data.filename+'</div>');

			}

		});

	});

</script>

</body>

</html>

　　

function skyUpload(upid,url,success,error,uploadProgress)

{

		 var vFD = new FormData();

		 var f= document.getElementById(upid).files;

		 $("#"+upid+"loading").show();

		 for(var i=0;i<f.length;i++){

			vFD.append('upimg', document.getElementById(upid).files[i]);

			var oXHR = new XMLHttpRequest();

			oXHR.addEventListener('load', success, false);

			oXHR.addEventListener('error', error, false);

			if(uploadProgress!=undefined){

				oXHR.upload.addEventListener("progress", uploadProgress, false);

			}

			oXHR.open('POST',url);

			oXHR.send(vFD);

		 }

}

/*

function uploadFinish(e){

		var data=eval("("+e.target.responseText+")");

		$("#uploading").hide()

		if(data.error != '')

        {

           skyToast(data.msg);

        }else

        {

            $("#imgShow").html("<img src='/"+data.imgurl+".100x100.jpg' width='100'>");

			$("#imgurl").val(data.imgurl);

         }

}

function uploadError(e) { // upload error

		skyToast("上传出错了");

}

*/

　　

skymvc文件上传支持多文件上传的更多相关文章

  1. Webuploader 简单图片上传 支持多图上传

    简介: 通过webuploader 实现简单的图片上传功能,支持多张图上传 官方文档传送门:http://fex.baidu.com/webuploader/getting-started.html# ...

  2. 让你的Photoshop编辑制作ICO格式图标文件（ICOFormat支持图标文件插件）

    相信非常多制图的朋友都喜欢用PS,可是你能用Photoshop保存为ICO格式图标文件吗?默认肯定不行.不知道是什么原因,大名鼎鼎的图像编辑软件Adobe Photoshop一直不支持导入导出ico格 ...

  3. ELF文件解析器支持x86x64ELF文件

    此文为静态分析ELF文件结构,遍历其中Elf_Ehdr文件头信息,遍历Elf_Shdr节表头信息,并将所有节放置在左侧树控件上,遍历Elf_Phdr程序头也放置在左侧树控件上,并着重分析字符串表,重定 ...

  4. Java计算文件MD5值(支持大文件)

    import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.securit ...

  5. 框架基础：ajax设计方案（三）--- 集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组

    马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...

  6. 30分钟玩转Net MVC 基于WebUploader的大文件分片上传、断网续传、秒传（文末附带demo下载）

    现在的项目开发基本上都用到了上传文件功能,或图片,或文档,或视频.我们常用的常规上传已经能够满足当前要求了, 然而有时会出现如下问题: 文件过大(比如1G以上),超出服务端的请求大小限制: 请求时间过 ...

  7. 前端通信：ajax设计方案（四）--- 集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组

    马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...

  8. java+上传后的文件展示

    文件夹结构支持 大文件上传控件6支持向服务器上传整个文件夹,并且在服务端保存时与本地目录结构完全保持一致,同时在数据库中也保留文件夹的层级结构.开发人员可以借助于数据库中的层级信息方便的管理文件,管理 ...

  9. 强大的支持多文件上传的jQuery文件上传插件Uploadify

    支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...

随机推荐

  1. Cocos2d-x MultipleTouch & CCControllButton's confusion

    在cocos2dx的程序设计中有时候会遇到需要多点触摸的功能,下面先介绍一下在cocos2dx中多点触摸的一般规则,然后介绍我遇到的一个有关多点触摸的情景的解决方案. (一)使用多点触摸规则: 关于多 ...

  2. 职责链模式vs状态模式区别

    状态模式在具体状态里设置了下一状态. 而职责链模式是在客户端代码里设置了下一状态的处理对象. 如果状态模式里的任何一环缺失,将导致事情无法进行下去.职责链模式的链式在客户端连接的,也就是说,如果我们请 ...

  3. [Whole Web, Nods.js, PM2] Passing environment variables to node.js using pm2

    learn how to pass environment variables to your node.js app using the pm2 config file. This is usefu ...

  4. The Tangled Web （Web之困）第四章 摘要

    1. HTML语法: 由Tag组成层级结构,标签视为名,而值插在当中. 关键组成符:<, >, ', ", & 2. 解析模式: 文件开头<!DOCTYPE> ...

  5. 无法启动调试--未安装 Silverlight Developer 运行时。请安装一个匹配版本。

    引自:http://www.cnblogs.com/chillsrc/archive/2010/06/28/1766816.html 安装完VS2010中文版之后,又安装了Silverlight4_T ...

  6. 解决 phpMyAdmin 尝试连接到 MySQL 服务器，但服务器拒绝连接 问题

    phpMyAdmin 尝试连接到 MySQL 服务器,但服务器拒绝连接.您应该检查配置文件中的主机.用户名和密码,并确认这些信息与 MySQL 服务器管理员所给出的信息一致. 问题解决办法: 修改co ...

  7. MySQL(5.6) 函数

    字符串函数 ASCII(str) 说明:返回字符串 str 最左边字符的 ASCII 值 mysql'); mysql); mysql> SELECT ASCII('a'); mysql> ...

  8. JDBC对sql server的操作

    1.过程: 1>注册驱动器类:Class.forName()       2>连接数据库:             String url = "jdbc:sqlserver:// ...

  9. 学习笔记_Filter小结（过滤器JavaWeb三大组件之一）

    Filter小结 Filter的三个方法: l  void init(FilterConfig):在Tomcat启动时被调用: l  void destroy():在Tomcat关闭时被调用: l  ...

  10. php导出execl

    <?php function export_excel($items,$fields,$fields_array,$name) { /* * 调用方法示例 * $items = $this-&g ...