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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

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

Original

1151 Leute haben es durchsucht

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

?>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

Verwandte Etiketten：

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

Quelle：php.cn

Vorheriger Artikel：表格输出组件 Nächster Artikel：PHP通过base64方式上传图片

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors