JavaScript Uploadify文件上传实例

以下是一个使用JavaScript Uploadify插件进行文件上传的示例：
首先，引入jQuery和Uploadify插件的脚本文件：
```html


```
然后，在HTML中创建一个用于选择文件和上传的按钮：
```html

上传
```
接下来，在JavaScript中初始化Uploadify插件并设置参数：
```javascript
$(document).ready(function() {
$('#file_upload').uploadify({
'swf': 'uploadify.swf', // 上传组件的Flash文件路径
'uploader': 'upload.php', // 上传文件的服务器端处理脚本路径
'fileObjName': 'file', // 上传文件的参数名
'buttonText': '选择文件', // 选择文件按钮的显示文本
'multi': false, // 是否允许多文件上传
'onUploadSuccess': function(file, data, response) {
console.log('上传成功');
},
'onUploadError': function(file, errorCode, errorMsg, errorString) {
console.log('上传失败');
}
});
$('#upload_btn').click(function() {
$('#file_upload').uploadify('upload', '*'); // 点击按钮触发上传操作
});
});
```
注意，上述代码中的`uploadify.swf`和`upload.php`是插件所需的Flash文件和后端处理脚本，需要根据实际情况进行替换。
最后，在服务器端的`upload.php`文件中处理上传的文件：
```php
$targetDir = 'uploads/'; // 上传文件保存的目录
if (!empty($_FILES['file']['name'])) {
$tempFile = $_FILES['file']['tmp_name'];
$targetFile = $targetDir . $_FILES['file']['name'];
move_uploaded_file($tempFile, $targetFile);
echo '文件上传成功';
} else {
echo '文件上传失败';
}
?>
```
以上代码将上传的文件保存到`uploads`目录下，并返回上传结果。
请确保在服务器上创建一个名为`uploads`的目录，用于保存上传的文件。
这就是使用JavaScript Uploadify进行文件上传的示例。您可以根据实际需求进行修改和扩展。