實現Uploadify

Uploadify的目的是使實現儘可能地簡單。在實現之前,請確保滿足最低要求。

要求

  • jQuery 1.4.x 或更高版本
  • Flash Player 9.0.24 或更高版本
  • 能夠解析PHP,ASP.Net,Cold Fusion或類似的服務器端語言的服務器

實現

對於最基本的實現,請按照以下步驟進行:

1. 下載 Uploadify Zip Package. 免費的,不用擔心!

2. 解壓縮包並上傳以下文件到一個文件夾在您的網站服務器:

  • jquery.uploadify-3.1.min.js
  • uploadify.php
  • uploadify.swf
  • uploadify.css
  • uploadify-cancel.png
  • check-exists.php (檢查目標文件夾中存在的文件)

3.在網頁上您是在實現Uploadify,所以首先要添加一個jQuery庫。

4. 下面引用jQuery,添加一個引用到Uploadify腳本。

5. 在頁面上,添加一個文件輸入(或用一個ID的任何其他元素)。

6.在代碼文件輸入初始化Uploadify。

$(function() {
$('#file_upload').uploadify({
'swf' : 'uploadify.swf',
'uploader' : 'uploadify.php'
// Put your options here
});
});

7. 添加一個鏈接到Uploadify樣式表中的文檔頭部。

8. 在服務器上創建上傳的目標文件夾,並給它適當的權限(0755,如果不知道)。

9. 更新uploadify.php腳本來指向你的目標文件夾。

10.檢查使Uploadify更安全,使網站更安全的文章

最終的頁面應該如下所示:

My Uploadify Implementation