search

Home >php教程 >PHP源码 >skymvc文件上传支持多文件上传

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

WBOY
WBOYOriginal
2016-06-02 09:14:191143browse
跳至 [1] [2] [3] [全屏预览] 
<?php
class uploadControl extends skymvc{
	
	public function __construct(){
		parent::__construct();
	}
	
	public function onDefault(){
		
		$this->smarty->display("upload/default.html");
	}
	
	public function onUpload(){
		
		$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);	
		
	}
	
	
	
}

?>

2. [代码]upload.html     跳至 [1] [2] [3] [全屏预览] 

<!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>

3. [代码][PHP]代码     跳至 [1] [2] [3] [全屏预览] 

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'    style="max-width:90%" alt="skymvc文件上传支持多文件上传" >");
			$("#imgurl").val(data.imgurl);
         }
}
	
function uploadError(e) { // upload error
		skyToast("上传出错了");
}
*/
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：表格输出组件Next article：PHP通过base64方式上传图片

Related articles

See more