中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

JavaScript Uploadify文件上傳實例

小云
100
2023-08-17 13:48:55
欄目: 編程語言

以下是一個使用JavaScript和Uploadify插件實現文件上傳的示例代碼:

<!DOCTYPE html>

<html>

<head>

    <title>Uploadify 文件上傳示例</title>

    <!-- 引入jQuery庫 -->

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

    <!-- 引入Uploadify插件 -->

    <link rel="stylesheet" type="text/css" href="uploadify.css">

    <script src="jquery.uploadify.min.js"></script>

</head>

<body>

    <h2>選擇文件并上傳</h2>

    <input type="file" name="file_upload" id="file_upload">

    <div id="fileQueue"></div>

    <script type="text/javascript">

        $(document).ready(function() {

            // 初始化上傳插件

            $('#file_upload').uploadify({

                'swf': 'uploadify.swf', // 指定Uploadify的Flash文件路徑

                'uploader': 'upload.php', // 指定服務器端處理上傳的腳本文件路徑

                'buttonText': '選擇文件', // 上傳按鈕上的文字

                'fileTypeExts': '*.jpg; *.png; *.gif', // 允許上傳的文件類型

                'fileSizeLimit': '10MB', // 限制每個文件的大小

                'multi': true, // 是否允許多文件上傳

                'auto': true, // 是否自動上傳文件

                'queueID': 'fileQueue', // 文件隊列的元素ID

                'onUploadSuccess': function(file, data, response) {

                    // 上傳成功時的回調函數

                    alert('文件上傳成功!');

                },

                'onUploadError': function(file, errorCode, errorMsg) {

                    // 上傳失敗時的回調函數

                    alert('文件上傳失敗:' + errorMsg);

                }

            });

        });

    </script>

</body>

</html>

在上述示例中,我們引入了jQuery庫和Uploadify插件,并使用uploadify()方法初始化了一個文件上傳組件。其中,各個參數的意義如下:

swf: 指定Uploadify的Flash文件路徑。

uploader: 指定服務器端處理上傳的腳本文件路徑。

buttonText: 上傳按鈕上的文字。

fileTypeExts: 允許上傳的文件類型。

fileSizeLimit: 限制每個文件的大小。

multi: 是否允許多文件上傳。

auto: 是否自動上傳文件。

queueID: 文件隊列的元素ID。

onUploadSuccess: 上傳成功時的回調函數。

onUploadError: 上傳失敗時的回調函數。

你需要將以上代碼保存為一個HTML文件,并確保正確引入了Uploadify的JS和CSS文件。另外,你還需要編寫一個服務器端的處理上傳的腳本文件(例如upload.php),用于接收并保存上傳的文件。

0
邓州市| 木兰县| 潜山县| 纳雍县| 梧州市| 浏阳市| 永州市| 仁化县| 阜新| 星子县| 连城县| 毕节市| 鹰潭市| 四会市| 昭通市| 姜堰市| 三穗县| 门头沟区| 咸阳市| 镶黄旗| 临夏县| 霍林郭勒市| 广安市| 息烽县| 绥棱县| 芦山县| 台东市| 侯马市| 同江市| 搜索| 丹巴县| 阿拉善右旗| 昌邑市| 兴化市| 简阳市| 富锦市| 宁国市| 礼泉县| 喀什市| 新昌县| 勃利县|