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

WBOY

Release： 2016-06-02 09:14:19

Original

1145 people have browsed it

跳至 [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);	
		
	}
	
	
	
}

?>

Copy after login

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>

Copy after login

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("上传出错了");
}
*/

Copy after login

Related labels：

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

source：php.cn

Previous article：表格输出组件 Next article：PHP通过base64方式上传图片

Statement of this Website

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