# jQuery_image_muti_upload

**Repository Path**: tmnet/jQuery_image_muti_upload

## Basic Information

- **Project Name**: jQuery_image_muti_upload
- **Description**: 这是一个jQuery多图片上传组件，可以在客户端对图片进行缩放。可以显示上传进度。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 32
- **Forks**: 7
- **Created**: 2015-11-04
- **Last Updated**: 2024-03-22

## Categories & Tags

**Categories**: jquery-plugins

**Tags**: None

## README

##jquery多文件图片上传插件 
浙江省新昌县城西小学 唐明 qq:147885198

##主要功能：

1. 支持拖放上传和文件选择上传
2. 图片可自定义最大尺寸，js自动缩小后上传
3. 上传base64编码后的文件信息，服务端需要进行解码保存
4. 有上传进度显示，共几个文件，每个文件的上传进度。
5. 当前只支持HTML5浏览器，尤其是对canvas、filereader的支持

##构造参数：

* file_list	文件列表，一般在input type=file中获得，或是在拖放对象中获得
* url			服务端上传处理地址
* opt			设置
* max			--图片允许最大高度或宽度		数值：默认1600
* allow_ext	--允许上传的图片类型			数组：['.jpg','.png','.gif']
* img_compress--是否压缩图片					布尔：默认true
* post_data	--发送到服务器的POST数据		object
* call_back	--所有图片上传完毕				function

##改进列表##
* 2015-11-3  创作
* 2015-11-13 
* POST时增加文件名filename参数
* opt参数增加2项
* post_data	--发送到服务器的POST数据		object
* call_back	--所有图片上传完毕时回调		function

2015-11-16	增加window.URL.revokeObjectURL(this.src)用于释放资源

##主要问题：##
1. 上传进度不明显
2. 不压缩图片时，如果图片太大，base64后会更大，可能会超过服务器post限制

使用方法：绑定input type="file"的change事件

    2015-12-7 修改组件使用方式
	1.发现$.inArray有错误，自己实现一个。
	2.不使用原型继承，使用闭包方式存储数据。
	3.修复单文件上传时发生的错误

使用方法：绑定input type="file"的change事件

    $('#file1').on('change',upload_files);
    function upload_files(){
	$.upload_muti.init(fileList,'upload_do.php',{max:2000,callback:upload_close,post_data:{path_id:path_id}});
	$.upload_muti.start();
	}