寫一篇吧一直不知道這個(gè)東西的好處呢thinkphp3.1+upload插件上傳

關(guān)于 pluplod 插件 結(jié)合thinkphp上傳圖片的功能

目前成都創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、太平網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。

看前端代碼

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>Plupload - Queue widget example</title>

<link rel="stylesheet" href="__PUBLIC__/index/plupload/js/jquery.plupload.queue/css/jquery.plupload.queue.css" type="text/css" media="screen" />

</head>

<body >

<form method="post" action="{:U('Index/Qiniu/form')}" id='f11' enctype="multipart/form-data">

<div >

<div id="flash_uploader" >請(qǐng)引用plupload文件夾里面的Moxie.swf</div>

</div>

<div id="aaaa"></div>

<input type="submit" value="Send" />

</form>

<script src="__PUBLIC__/index/js/jquery-1.10.1.min.js"></script>

<!--引入核心文件 S-->

<script type="text/javascript" src="__PUBLIC__/index/plupload/js/plupload.full.min.js"></script>

<script type="text/javascript" src="__PUBLIC__/index/plupload/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>

<!--引入核心文件 E-->

<script src="__PUBLIC__/index/plupload/js/i18n/zh_CN.js"></script><!--引入中文包-->

<!-- debug 

<script type="text/javascript" src="__PUBLIC__/plupload/js/moxie.js"></script>

<script type="text/javascript" src="__PUBLIC__/plupload/js/plupload.dev.js"></script>

<script type="text/javascript" src="__PUBLIC__/plupload/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>

-->

<script type="text/javascript">

$(function() {

// Setup flash version

$("#flash_uploader").pluploadQueue({

// General settings

runtimes : 'html5,flash,silverlight,html4',//指定上傳方式

url : "{:U('Index/Qiniu/upload')}",//后臺(tái)url

chunk_size : '4mb',//分片大小

unique_names : true,//文件名是否唯一

multiple:true,

filters : {

max_file_size : '12mb', //最大只能上傳1mb的文件

mime_types: [

{title : "Image files", extensions : "jpg,gif,png"}, //限制上傳類型

],

prevent_duplicates:true, //是否選取重復(fù)的文件

},

//壓縮設(shè)置

resize: {

width: 100,

height: 100,

crop: true, //是否裁剪圖片

quality: 60,

preserve_headers: false//:壓縮后是否保留圖片的元數(shù)據(jù),true為保留,false為不保留,默認(rèn)為true。

},

init:{

FileUploaded:function(up,file,info)

{

var response = $.parseJSON(info.response);

//console.info(response);//調(diào)試信息 打印自己看

//console.info(up);//調(diào)試信息 打印自己看

//console.info(file);//調(diào)試信息 打印自己看

//console.info(info);//調(diào)試信息 打印自己看

if (info.status) {

$('#aaaa').append('文件路徑:<input type="hidden" name="fileUrl[]" value="'+response+'"/></br>');

//這塊代碼很關(guān)鍵 用于當(dāng)上傳完一個(gè)文件后 繼續(xù)顯示添加文件和開始上傳按鈕

if(up.total.uploaded==up.files.length)

{

$(".plupload_buttons").css("display","inline");

$(".plupload_upload_status").css("display","inline");

$(".pluploaded_start").addClass("plupload_disabled");

}

up.disableBrowse(false);

}},

FilesAdded: function (up, files) {

//文件上傳數(shù)量限制

$.each(up.files, function (i, file) {

//console.info(up.files.length);

if (up.files.length >2) {

up.splice(2, up.files.length-2);

// up.stop();

alert('只能上傳兩個(gè)文件');

return false;

}

});

},

UploadComplete:function(up,files)

{

up.refresh();

},

QueueChanged:function(up)

{

$(".plupload_start").removeClass("plupload_disabled");

}

},

// Flash settings

flash_swf_url : '__PUBLIC__/index/plupload/js/Moxie.swf',

silverlight_xap_url : '__PUBLIC__/index/plupload/js/Moxie.xap'

});

});

</script>

</body>

</html>

 看后端代碼

<?php

/**

 * 七牛云儲(chǔ)存  測(cè)試文件

 * @author Administrator

 *

 */

class QiniuAction extends Action{

public function index(){

$this->display('Plupload');

}

/**

* 上傳文件 plupload js插件

*/

public function upload()

{

import('ORG.Net.UploadFile');

$upload = new UploadFile();// 實(shí)例化上傳類

$rdate=date("Ymd",time()); //文件名

$upload->maxSize = 3145728 ;// 設(shè)置附件上傳大小 

$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 設(shè)置附件上傳類型 

$upload->savePath = C('IMG_UPLOADS').'fg/'.$rdate.'/';// 設(shè)置附件上傳目錄

// 上傳文件 

$info = $upload->upload(); 

if(!$info) {

// 上傳錯(cuò)誤提示錯(cuò)誤信息 

$this->error($upload->getError()); 

}else

{

// 上傳成功 

echo json_encode($info['file']['savepath'].$info['file']['savename']);

}

}

//后臺(tái)處理數(shù)據(jù)

public function form()

{

  dump($_POST);

}

}

?>

我這個(gè)代碼是結(jié)合thinkphp3.1框架,所以使用的時(shí)候請(qǐng)注意;

其實(shí)這個(gè)代碼是一個(gè)朋友在thinkphp發(fā)布過,我只是修改了一下,適應(yīng)我的框架代碼,感謝 夢(mèng)之翼(http://2262805.blog.51cto.com)

文章標(biāo)題:寫一篇吧一直不知道這個(gè)東西的好處呢thinkphp3.1+upload插件上傳
當(dāng)前路徑:http://www.muchs.cn/article30/ippipo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)、網(wǎng)站改版、外貿(mào)網(wǎng)站建設(shè)、虛擬主機(jī)、Google

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作