# uploadify

**Repository Path**: memedahui/uploadify

## Basic Information

- **Project Name**: uploadify
- **Description**: JQuery插件,上传文件,上传图片,兼容IE8,拖拽排序,批量上传,预览,删除,上传数量,上传大小,删除的回调函数.
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-01-04
- **Last Updated**: 2024-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uploadify
JQuery插件,上传文件,上传图片,兼容IE8,拖拽排序,批量上传,预览,删除,上传数量,上传大小,删除的回调函数.

如果您觉得对您有用的话，别忘了给点个赞哦^_^ ！

###### 兼容性
![演示截图](https://image-static.segmentfault.com/844/014/844014055-61d51aac60b78_fix732)
###### demo
![演示截图](https://image-static.segmentfault.com/304/390/3043902029-61d510e72cfc1_fix732)


 **使用方法**
 
 - 1、先引入jquery和插件的css和js，注意先引入jquery
 
```
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/webuploader.js"></script>
<script type="text/javascript" src="js/jquery-list-dragsort.js"></script>
<script type="text/javascript" src="js/uploadify.js"></script>
```

 - 2、HTML结构
```
<div id="uploader"></div>
```
 - 3、插件配置
 
```javascript
var uploader = $('#uploader').uploadify({
    // 初始数据
    data: [
        '/upload/202201051112520d9a3f18019e40cfb7c60ba95eabdaf9.jpg',
        '/upload/2022010511123473cf5e30eae24cc39b3cf0047051332b.jpg',
        '/upload/202201051111545205231db17940fda330120a1810a592.jpg'
    ],
    // 最大上传数量
    maxNum: 5,
    // 每个容器大小
    width: 100,
    height: 100,
    // 是否只允许上传图片
    isOnlyImg: false,
    // 上传地址
    uploadUrl: 'http://192.168.10.113:81/common/upload',
    // 上传文件后前缀地址
    baseUrl: 'http://192.168.10.113:81',
    // 自定义成功标记
    successCodeKeyResponse: 'code',
    // 自定义成功标记值
    successCodeValueResponse: 0,
    // 自定义返回数据
    dataResponse: 'data',
    // 单个文件最大(3m)
    // fileSingleSizeLimit: 3 * 1024 * 1024,
    fileName: 'file',
    // 删除回调
    deleteCB: function (url) {
        alert('删除回调:' + url);
    }
});

$('#uploader1').uploadify({
    maxNum: 1,
    uploadUrl: 'http://192.168.10.113:81/common/upload',
    // baseUrl: 'http://192.168.10.113:81/',
    fileName: 'img_upload_file'
});

function demoClick() {
    var list = uploader.getFiles();
    alert(JSON.stringify(list));
}
```

 - 4、服务端处理

注意项目需要在服务器端运行,请不要以文件格式直接打开.