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. Java开发中常见的危险信号（中）

    本文来源于我在InfoQ中文站原创的文章,原文地址是:http://www.infoq.com/cn/news/2013/12/common-red-flags-in-java-1 Dustin Ma ...

  2. 订阅基础：RSS、ATOM、FEED、聚合、供稿、合烧与订阅

    很多网友对这类名词概念非常陌生,如果没用过FEED订阅,肯定还会对诸多网站显示的FEED聚合.订阅.ATOM等等非常郁闷,虽然这几个名字间的很多并非并列关系,天缘只是有意把它们放到一起,方便对比参考, ...

  3. 10409 - Die Game

    Problem G: Die Game Life is not easy. Sometimes it is beyond your control. Now, as contestants of AC ...

  4. 【C#】Entity Framework 增删改查和事务操作

    1.增加对象 DbEntity db = new DbEntity(); //创建对象实体,注意,这里需要对所有属性进行赋值(除了自动增长主键外),如果不赋值,则会数据库中会被设置为NULL(注意是否 ...

  5. android开发Proguard混淆与反射

    http://charles-tanchao.diandian.com/post/2012-05-24/20118715 由于前面开发数据操作类,所以利用反射,封装了一个BaseDao,本来在平常的时 ...

  6. [React] React Fundamentals: Add-on ClassSet() for ClassName

    To get the add-ons, use react-with-addons.js (and its minified counterpart) rather than the common r ...

  7. wpf 计算器布局练习

    先看一下windows自带计算机的布局: 大概布局能看出,有菜单栏(menu),有显示框(textbox),然后剩下的6行5列的布局 先看下代码: <StackPanel> <Gri ...

  8. SVN源代码泄露

    1. 联想b2b站SVN源代码泄露 开启Firefox,输入:b2b.thinkworldshop.com.cn/.svn/entries Webserver返回如下信息:

  9. Java基础知识强化之IO流笔记53：IO流练习之 自定义类模拟BufferedReader的readLine()功能案例

    1. 用Reader模拟BufferedReader的readLine()功能:   readLine():一次读取一行,根据换行符判断是否结束,只返回内容,不返回换行符 2. 代码实现和思路分析: ...

  10. 如何使用axis2 构建 Android 服务器后端--- 工具准备与环境配置

    最近一个项目要做个android端的实验室器材管理系统.小伙伴英勇地接下android端的锅,我就 负责给他写后端,最近看到axis2 这个webservice挺好用的,折腾了几天给大家分享下: 1. ...