# 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.