一、uploadify使用詳解
1.在html中的file標簽可以用來上傳文件，但是在文件較大或者多文件上傳的時候，file標簽就不太適合了。而uploadify插件是基于js的jQuery庫寫的，結合ajax和flash，實現多文件上傳功能。
2.主要文件：
jquery.uploadify.js （主要插件）
jquery-1.7.2.min.js （jquery主件）
uploadify.swf （flash上傳插件）
uploadify.css （上傳樣式表）
uploadify-cancel.png （flash上傳按鈕圖標）
uploadify.php （上傳處理數據）
uploads文件夾 （默認保存上傳文件目錄）
3.在上傳的頁面引入js/css文件，然后初始化一些參數變量
$(function () {
$('#file_upload').uploadify({
buttonText:'選擇文件',
swf: '{$smarty.const.SITE_PUBLIC_URL}Admin/uploadify/uploadify.swf',
uploader: '{$smarty.const.__CONTROLLER__}/Upload',
method:'get',
onSWFReady:function(){
$('#file_upload').uploadify('disable', true);
},
onUploadStart:function(file){
var spot=$('#spot').val();
var coid={$arrData['coid']};
var session_id={$smarty.session.session_id};
$("#file_upload").uploadify("settings", "formData", { 'spot' : spot,'coid':coid,'session_id':session_id});
},
onUploadSuccess:function(file, data, response){
}
});
});
接著就是在body里面添加調用標簽
<p><i>多圖上傳<span class="must">*</span></i></p>
<br><br>
<input id="file_upload" name="file_upload" type="file" multiple="true">
最后就是在后臺處理上傳的文件。。。。。。
二、出現的問題
1.由于jquery uploadify是借助flash來實現上傳的，所以可能在瀏覽器禁止網站運行flash是會出現如下這個情況：
正常的情況：
2.Jquery Uploadify在IE瀏覽器可以正常上傳，在Chrome瀏覽器使用也是正常的，只有在Firefox瀏覽器使用才會出現HTTP 302報錯。
在實現異步上傳的時候，每一個文件在上傳時都會提交給服務器一個請求。每個請求都需要安全驗證，session和cookie的校驗。由于jquery uploadify是借助flash來實現上傳的，每一次向后臺發送數據流請求時，IE會自動把本地cookie存儲捆綁在一起發送給服務器。但是firefox不會這樣做，所以在進行驗證登錄的時候就出現了HTTP 302 報錯。如果把這個模塊放在不需要驗證的地方是不會出現這種報錯的。
Session又稱為會話狀態，是Web系統中最常用的狀態，用于維護和當前瀏覽器實例相關的一些信息。Session對于每一個客戶端是不一樣的，用戶首次與Web服務器建立連接的時候，服務器會給用戶分發一個 SessionID作為標識。SessionID是一個由24個字符組成的隨機字符串。用戶每次提交頁面，瀏覽器都會把這個SessionID包含在 HTTP頭中提交給Web服務器，這樣Web服務器就能區分當前請求頁面的是哪一個客戶端。
三.解決問題
1.解決方案一：
在插件初始化的時候，把本地記錄下來的session值，以及身份驗證值傳給初始化方法，進行參數賦值，這樣，每次異步請求上傳文件的時候，相應的 session值就包含在請求文件中了。
onUploadStart:function(file){
var spot=$('#spot').val();
var coid={$arrData['coid']};
var session_id={$smarty.session.session_id};
$("#file_upload").uploadify("settings", "formData", {'spot' : spot,'coid':coid,'session_id':session_id});
},
服務器端（ThinkPHP控制器）代碼
public function _initialize(){
//此處為解決Uploadify在火狐下出現http 302錯誤 重新設置SESSION
$session_name= session_name();
if(isset($_GET['session_id']))
{
session_id($_GET['session_id']);
session_start();
}
//執行登陸驗證檢測函數
$this->powerverify();
}
2.解決方案二：
onUploadStart:function(file){
var spot=$('#spot').val();
var coid={$arrData['coid']};
var session_id={$smarty.session.session_id};
$("#file_upload").uploadify("settings", "formData", {'spot' : spot,'coid':coid,'session_id':session_id});
},
服務器端（ThinkPHP控制器）代碼
在核心類文件夾里下的Conf/convention.php中 將 VAR_SESSION_ID打開(建議在模塊的conf文件中添加配置，如在模塊下的Conf/config.php中添加 ‘VAR_SESSION_ID’ => ‘session_id’,)
<?php
return array(
'VAR_SESSION_ID' => 'session_id',//sessionID的提交變量
);
在解決了問題之后，我再上Firefox瀏覽器去上傳圖片就成功了！
