# uploadifive

**Repository Path**: huajun102/uploadifive

## Basic Information

- **Project Name**: uploadifive
- **Description**: jquery.uploadifive.js 完善版，可直接替换旧版的uploadify
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: uploadify
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-08-07
- **Last Updated**: 2025-08-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# New Uploadify

The New Uploadify is an 'One Key Replace' version on UploadiFive which is a jQuery-based HTML5 file upload component that provides an elegant interface and convenient features. It supports multiple file uploads, drag-and-drop uploads, and real-time upload progress display, making it suitable for file upload requirements in various web projects.

## Features

- Support for multiple file uploads
- Drag-and-drop upload functionality
- Real-time upload progress display
- Support for custom styles and themes
- Easy to integrate and use

## File Structure

- `jquery.uploadiy.js`: Core JavaScript file, providing the upload component functionality.
- `uploadify-cancel.png`: Icon used in the upload component to represent the cancel operation.
- `uploadify.css`: Stylesheet file defining the appearance of the upload component.

## Usage Instructions

1. Include jQuery and Uploadify's JS and CSS files in your HTML page:

   ```html
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script src="jquery.uploadiy.js"></script>
   <link rel="stylesheet" href="uploadify.css" />
   ```

2. Create a container for the file upload button in your HTML page:

   ```html
   <input type="file" id="file_upload" />
   ```

3. Initialize the Uploadify component using JavaScript:

   ```javascript
   $(function () {
       $("#file_upload").uploadify({
           "uploader": "/path/to/upload/script", // Path to the upload processing script
           "buttonText": "Select Files",
           "multi": true,
           "onUploadSuccess": function (file, response) {
               console.log(response);
           }
       });
   });
   ```

## Style Descriptions

- `.uploadify-button`: Upload button style, used to set the basic appearance of the button.
- `.uploadify-button:hover`: Style for when the upload button is hovered over.
- `.uploadify-queue-item`: Style for each queued upload file item.
- `.uploadify-queue-item .close`: Style for the cancel button within a file upload item.
- `.uploadify-queue-item .progress`: Container style for the upload progress bar.
- `.uploadify-queue-item .progress-bar`: Actual upload progress bar style.

## Contributions

Code contributions, issue reports, or suggestions are welcome! Please submit Pull Requests or Issues via [Gitee](https://gitee.com/huajun102/uploadifive).

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