jQuery_image_muti_upload: 这是一个jQuery多图片上传组件，可以在客户端对图片进行缩放。可以显示上传进度。

开源项目 > WEB应用开发 > jQuery插件 &&

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

Update README.md b41e6cd

fileread_xhr_upload.js

Loading...

README

MIT

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

##主要功能：

支持拖放上传和文件选择上传
图片可自定义最大尺寸，js自动缩小后上传
上传base64编码后的文件信息，服务端需要进行解码保存
有上传进度显示，共几个文件，每个文件的上传进度。
当前只支持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)用于释放资源

##主要问题：##

上传进度不明显
不压缩图片时，如果图片太大，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();
}

这是一个jQuery多图片上传组件，可以在客户端对图片进行缩放。可以显示上传进度。

JavaScript

取消

暂无发行版

JavaScript

1

https://gitee.com/tmnet/jQuery_image_muti_upload.git

git@gitee.com:tmnet/jQuery_image_muti_upload.git

tmnet

jQuery_image_muti_upload

jQuery_image_muti_upload

master