一区二区三区伦理,色欧美片视频在线观看,亚洲资源av

php+flash+jQuery多圖片上傳源碼分享

來源：易賢網閱讀：1729 次日期：2016-08-11 16:08:06

溫馨提示：易賢網小編為您整理了“php+flash+jQuery多圖片上傳源碼分享”,方便廣大網友查閱！

這篇文章主要為大家詳細介紹了php+flash+jQuery多圖片上傳實現源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下

flash+php多圖片上傳的源碼，測試成功，一個經典的上傳源碼，為什么要用flash作為上傳的組件呢，其實這里不僅僅是flash，另加了jquery的技術，這樣做的目的是為了更好更方便的管理圖片，使用過QQ空間進行上傳圖片的童鞋都知道，QQ空間的上傳體驗度很好，而且管理我們上傳的圖片非常的方便，使用的技術基本上就是flash與jquery技術了。

flash+jquery是作為前端圖片上傳展示的，還需要與php的結合才能將圖片上傳到指定的目標，這里的php一共有兩個文件，一個upload.php 是上傳的核心代碼，index.php 便是整合 flash+php+jquery 技術的結合，將提交上來的圖片上傳到目錄 upload 下面，另外還有一個文件夾 images,這里面便是調用的 upload.swf flash文件和jquery.js文件了，技術已經實現了，剩下便是怎樣跟數據庫進行整合就很簡單了，這里不再詳解了。

效果圖：

關鍵代碼：

upload.php

<?php

$uploaddir = 'upload/';

$filename = date("Ymdhis").rand(100,999);

$uploadfile = $uploaddir . $filename.substr($_FILES['Filedata']["name"],strrpos($_FILES['Filedata']["name"],"."));

$temploadfile = $_FILES['Filedata']['tmp_name'];

move_uploaded_file($temploadfile , $uploadfile);

//返回數據在頁面上js做處理

$filedata = array(

'result' => 'true',

'name' => $_FILES['Filedata']["name"],

'filepath' => $uploadfile,

);

echo json_encode($filedata);

exit;

index.php

<html>

<head>

<title>swfupload</title>

/*上傳錯誤信息提示*/

function showmessage(message){alert(message);}

/*顯示文件名稱*/

function setfilename(ID,filename){

ID = replaceStr(ID);

var htmls = '<li id="'+ID+'"><p>'+filename+'</p><p class="load">0%</p></li>';

$("#uploadPut").append(htmls);

}

/*顯示上傳進度*/

function setfileload(ID,load){

ID = replaceStr(ID);

$("#"+ID+" .load").html(load);

}

/*返回服務上傳的數據*/

function setfilepath(ID,data){

ID = replaceStr(ID);

var s = eval('('+data+')');

if(s.result=="true"){

$("#"+ID).html("<img id='"+s.id+"' src='"+s.filepath+"'/><br/>"+s.name);

}else{

$("#"+ID).html(s.name+"上傳失敗");

}

/*替換特殊字符*/

function replaceStr(ID){

var reg = new RegExp("[=,/,\,?,%,#,&,(,),!,+,-,},{,:,>,<]","g"); //創建正則RegExp對象

var ID = ID.replace(reg,"");

return ID;

}

</script>

</head>

<style>

.main{ width:610px; height:0px auto; border:1px solid #e1e1e1; font-size:12px; padding:10px;}

.main p{ line-height:10px; width:500px; float:right; text-indent:20px;}

.uploadPut{ width:100%; clear:both;}

ul,li{ margin:0px; padding:0px; list-style:none}

.uploadPut li{width:120px; padding:10px; text-align:center; border:1px solid #ccc; overflow:hidden; background-color:#e1e1e1; line-height:25px; float:left; margin:5px}

.uploadPut img{ width:120px; height:90px;}

</style>

<body>

<?php

//獲取項目跟路徑

$baseURL = 'http://' . $_SERVER ['SERVER_NAME'] . (($_SERVER ['SERVER_PORT'] == 80) ? '' : ':' . $_SERVER ['SERVER_PORT']) . ((($path = str_ireplace('\\', '/', dirname ( $_SERVER ['SCRIPT_NAME'] ))) == '/') ? '' : $path);

//設置swfupload參數

$flashvars = 'uploadURL=' . urlencode($baseURL . '/upload.php'); #上傳提交地址

$flashvars.= '&buttonImageURL=' . urlencode($baseURL . '/images/upload.png'); #按鈕背景圖片

$flashvars.= '&btnWidth=95'; #按鈕寬度

$flashvars.= '&btnHeight=35'; #按鈕高度

$flashvars.= '&fileNumber=20'; #每次最多上傳20個文件

$flashvars.= '&fileSize=200'; #單個文件上傳大小為20M

$flashvars.= '&bgColor=#ffffff'; #背景顏色

$flashvars.= '&fileTypesDescription=Images'; #選擇文件類型

$flashvars.= '&fileType=*.jpg;*.png;*.gif;*.jpeg'; #選擇文件后綴名

<param value="<?php echo $flashvars;?>" name="flashvars">

</object>