uploadify使用教程

Uploadify 是一款基于 jQuery 的文件上传插件，它可以方便地实现异步文件上传功能。下面是 Uploadify 的使用教程：

1. 下载 Uploadify 插件，并引入相关的 CSS 和 JS 文件。

2. 在 HTML 页面中添加一个文件上传的 input 元素和一个上传按钮。

<input type="file" name="file_upload" id="file_upload" />
<button id="upload_btn">上传</button>

3. 在 JavaScript 中初始化 Uploadify 插件。

$(function() {
    $('#file_upload').uploadify({
        'swf': 'uploadify.swf', // 引入 SWF 文件
        'uploader': 'upload.php', // 上传文件的 PHP 脚本
        'fileObjName': 'file', // 上传文件的参数名
        'buttonText': '选择文件', // 上传按钮的文本
        'fileTypeExts': '*.jpg;*.jpeg;*.png;*.gif', // 上传文件的类型
        'fileSizeLimit': '2MB', // 上传文件的大小限制
        'multi': false, // 是否支持多文件上传
        'onUploadSuccess': function(file, data, response) { // 上传成功后的回调函数
            console.log(data);
        }
    });

    $('#upload_btn').click(function() { // 点击上传按钮触发文件上传
        $('#file_upload').uploadify('upload');
    });
});

4. 编写上传文件的 PHP 脚本。

<?php
$targetDir = "uploads/"; // 上传文件的目录
$targetFile = $targetDir . basename($_FILES["file"]["name"]); // 上传文件的路径
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($targetFile, PATHINFO_EXTENSION)); // 上传文件的类型

// 检查文件是否已经存在
if (file_exists($targetFile)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}

// 检查文件大小
if ($_FILES["file"]["size"] > 2000000) {
    echo "Sorry, your file is too large.";
    $uploadOk = 0;
}

// 只允许上传图片文件
if ($imageFileType != "jpg" && $imageFileType != "jpeg" && $imageFileType != "png" && $imageFileType != "gif") {
    echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
    $uploadOk = 0;
}

if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
} else {
    if (move_uploaded_file($_FILES["file"]["tmp_name"], $targetFile)) {
        echo "The file ". basename( $_FILES["file"]["name"]). " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

以上就是 Uploadify 插件的使用教程，希望对你有帮助。