uploadify這個插件是基于js里面的jquery庫寫的。結(jié)合了ajax和flash，實現(xiàn)了這個多線程上傳的功能。
現(xiàn)在最新版為3.2.1。
在線實例
實例中用到的php文件UploaderDemo.php請在頁面下方下載
引入文件
使用方法
<form> <div id="queue"></div> <input id="file_upload" name="file_upload" type="file" multiple="true"> </form> <div id="uploadfiles"></div> <div id="fileQueue" style="clear:both"></div><script type="text/javascript">var timestamp = new Date().getTime();var token = Math.floor(Math.random() * 1000) + timestamp;$(function() { $('#file_upload').uploadify({ 'buttonText': '選擇文件..', 'fileObjName': 'simplefile', 'method': 'post', 'multi': true, 'queueID': 'fileQueue', //'uploadLimit': 2, 'fileTypeExts': '*.gif;*.png;*.jpg;*.bmp;*.jpeg;', 'buttonImage': '/static/js/uploadify/select.png', 'formData': { 'timestamp': timestamp, 'token': token }, 'swf': '/static/js/uploadify/uploadify.swf', 'uploader': '/static/php/UploaderDemo.php', 'onUploadStart': function() { $imgHtml = '<img class="upload_load" src="/static/images/upload.gif" align="absmiddle" />'; $('#uploadfiles').append($imgHtml); }, 'onUploadSuccess': function(file, data, response) { $('.upload_load').remove(); var json = $.parseJSON(data); if (json.state == 'success') { $imgHtml = '<span id="file_' + json.file_id + '">'; $imgHtml += '<a href="' + json.file + '" target="_blank">'; $imgHtml += '<img src="' + json.file + '" width="100" height="100" align="absmiddle"/>'; $imgHtml += '</a>'; $imgHtml += '<a href="javascript:uploadifyRemove("' + json.file + '")">刪除</a>'; $imgHtml += '</span>'; $($imgHtml).appendTo('#uploadfiles'); } else { alert(json.message); } }, 'onQueueComplete': function() { $('.upload_load').remove(); } });}); </script>參數(shù)說明
| 屬性名稱 | 默認(rèn)值 | 說明 |
| auto | true | 設(shè)置為true當(dāng)選擇文件后就直接上傳了，為false需要點擊上傳按鈕才上傳 。 |
| buttonClass | ” | 按鈕樣式 |
| buttonCursor | ‘hand' | 鼠標(biāo)指針懸停在按鈕上的樣子 |
| buttonImage | null | 瀏覽按鈕的圖片的路徑 。 |
| buttonText | ‘SELECT FILES' | 瀏覽按鈕的文本。 |
| checkExisting | false | 文件上傳重復(fù)性檢查程序，檢查即將上傳的文件在服務(wù)器端是否已存在，存在返回1，不存在返回0 |
| debug | false | 如果設(shè)置為true則表示啟用SWFUpload的調(diào)試模式 |
| fileObjName | ‘Filedata' | 文件上傳對象的名稱，如果命名為'the_files'，PHP程序可以用$_FILES['the_files']來處理上傳的文件對象。 |
| fileSizeLimit | 0 | 上傳文件的大小限制 ，如果為整數(shù)型則表示以KB為單位的大小，如果是字符串，則可以使用(B, KB, MB, or GB)為單位，比如'2MB'； 如果設(shè)置為0則表示無限制 |
| fileTypeDesc | ‘All Files' | 這個屬性值必須設(shè)置fileTypeExts屬性后才有效，用來設(shè)置選擇文件對話框中的提示文本，如設(shè)置fileTypeDesc為“請選擇rar doc pdf文件” |
| fileTypeExts | ‘*.*' | 設(shè)置可以選擇的文件的類型，格式如：'*.doc;*.pdf;*.rar' 。 |
| formData | JSON格式上傳每個文件的同時提交到服務(wù)器的額外數(shù)據(jù)，可在'onUploadStart'事件中使用'settings'方法動態(tài)設(shè)置。 | |
| height | 30 | 設(shè)置瀏覽按鈕的高度 ，默認(rèn)值 |
| itemTemplate | false | 用于設(shè)置上傳隊列的HTML模版，可以使用以下標(biāo)簽： instanceID 主站蜘蛛池模板： 隆回县| 杨浦区| 内丘县| 绥宁县| 田东县| 修武县| 台南县| 白河县| 常熟市| 襄城县| 福安市| 阳东县| 雅安市| 搜索| 五家渠市| 江都市| 锡林郭勒盟| 雷山县| 衡阳市| 伊金霍洛旗| 罗山县| 扎赉特旗| 通化县| 山阳县| 方城县| 平遥县| 韶山市| 菏泽市| 安仁县| 开远市| 普兰县| 合阳县| 三都| 白河县| 那坡县| 廊坊市| 阳谷县| 香港 | 新营市| 嘉定区| 安溪县| |