# uploadify
**Repository Path**: huajun102/uploadify
## Basic Information
- **Project Name**: uploadify
- **Description**: jquery.uploadifive.js 完善版,可直接替换旧版的uploadify
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: uploadify
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 1
- **Forks**: 2
- **Created**: 2025-08-07
- **Last Updated**: 2025-08-14
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# Uploadify - 新
新Uploadify基于官方的Uploadifive进行更新,一键替换旧版。新Uploadify是一个基于 jQuery 的 HTML5 文件上传组件,提供美观的界面和便捷的功能。它支持多文件上传、拖拽上传、上传进度显示等特性,适用于各种 Web 项目中的文件上传需求。
## 特性
- 多文件上传支持
- 拖放上传功能
- 实时上传进度显示
- 自定义样式和主题支持
- 易于集成和使用
## 文件结构
- `jquery.uploadiy.js`:核心 JavaScript 文件,提供上传组件功能。
- `uploadify-cancel.png`:上传组件中用于表示取消操作的图标。
- `uploadify.css`:样式表文件,定义了上传组件的外观。
## 使用方法
1. 在 HTML 页面中引入 jQuery 和 uploadify 的 JS 和 CSS 文件:
```html
```
2. 在 HTML 页面中创建一个文件上传按钮的容器:
```html
```
3. 使用 JavaScript 初始化 uploadify 组件:
```javascript
$(function () {
$("#file_upload").uploadify({
"uploader": "/path/to/upload/script", // 上传处理脚本的路径
"buttonText": "选择文件",
"multi": true,
"onUploadSuccess": function (file, response) {
console.log(response);
}
});
});
```
## 样式说明
- `.uploadify-button`:上传按钮样式,用于设置按钮的基本外观。
- `.uploadify-button:hover`:上传按钮悬停时的样式。
- `.uploadify-queue-item`:每个上传文件的队列项样式。
- `.uploadify-queue-item .close`:文件上传项中取消按钮的样式。
- `.uploadify-queue-item .progress`:上传进度条的容器样式。
- `.uploadify-queue-item .progress-bar`:实际的上传进度条样式。
## 贡献
欢迎贡献代码、报告问题或提出建议!请通过 [Gitee](https://gitee.com/huajun102/uploadifive) 提交 Pull Request 或 Issue。
## 协议
This project is based on [Original Project by Ronnie Garcia](http://www.uploadify.com/uploadify-standard-license), which is licensed under the [MIT License](LICENSE).
Additional modifications by [神化君](https://gitee.com/huajun102) are also licensed under the MIT License.