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. C#Winform窗口特效源码(1)

    本文基于.Net开发,使用C#作为开发语言,分别包含以下效果: 移动无边框窗口.窗口移动限制(限制在屏幕内).桌面贴边自动隐藏(仿QQ隐藏窗口) 1.移动无边框窗口 采用了消息的方式,可以实现通过窗口 ...

  2. salt-minion安装脚本

    #!/bin/bash cd /usr/local/src/ wget http://mirrors.sohu.com/fedora-epel/6/x86_64/epel-release-6-8.no ...

  3. An existing PostgreSql installation has been found... 的解决

    PostgreSql卸载之后,重新安装时跳出如下信息: Anexisting PostgreSql installation has been found atC:\ProgramFiles\Post ...

  4. Install Package and Software

    svn http://tortoisesvn.sourceforge.net/ git https://download.tortoisegit.org/ http://git-for-windows ...

  5. cmd 控制台 提示：请求的操作须要提升！

    cmd 控制台 提示:请求的操作须要提升! 在windows7中想用route add 或相关route等命令须要以管理员身份执行,假设windows7以下没有以管理身份执行那么加入路由时候route ...

  6. uva 11270 - Tiling Dominoes(插头dp)

    题目链接:uva 11270 - Tiling Dominoes 题目大意:用1∗2木块将给出的n∗m大小的矩阵填满的方法总数. 解题思路:插头dp的裸题,dp[i][s]表示第i块位置.而且该位置相 ...

  7. TIMESTAMP 与 explicit_defaults_for_timestamp

    在MySQL 5.6.6之前,TIMESTAMP的默认行为: TIMESTAMP列如果没有明确声明NULL属性,默认为NOT NULL.(而其他数据类型,如果没有显示声明为NOT NULL,则允许NU ...

  8. 解锁Dagger2使用姿势（二） 之带你理解@Scope

    关于Dagger2使用的基础如果你还不了解,可以参考我的上一篇文章解锁Dagger2使用姿势(一),这有助于你理解本篇文章. OK,我们在上篇文章介绍另外Dagger2使用过程中四个基本的注解,分别是 ...

  9. Android 自定义View修炼-Android实现圆形、圆角和椭圆自定义图片View（使用BitmapShader图形渲染方法）

    一.概述 Android实现圆角矩形,圆形或者椭圆等图形,一般主要是个自定义View加上使用Xfermode实现的.实现圆角图片的方法其实不少,常见的就是利用Xfermode,Shader.本文直接继 ...

  10. linux的nohup disown setsid screen

    ```nohup 可以将进程挂起 帐号退出时不受影响 nohup cp -r a b/ [>/~/cp.log] & setsid 作用类似于nohup swtsid cp -r a b ...