自己用的例子关于fileupload浅尝试

<!--uploadFile添加开始-->
<script src="../../../js/fileUpload/js/vendor/jquery.ui.widget.js"></script>
<script src="../../../js/fileUpload/js/jquery.iframe-transport.js"></script>
<script src="../../../js/fileUpload/js/jquery.fileupload.js"></script>
<script src="../../../js/fileUpload/js/jquery.fileupload-process.js"></script>
<script src="../../../js/fileUpload/js/jquery.fileupload-ui.js"></script>
<script src="../../../js/fileUpload/js/jquery.fileupload-validate.js"></script>
<!--[if (gte IE 8)&(lt IE 10)]>
<script src="../../../js/fileUpload/js/cors/jquery.xdr-transport.js"></script>
<![endif]-->
<!--uploadFile添加结束-->
function upLoadPipe(obj){
            $(obj).fileupload({
                url: API.uploadFileUrl+'/api/v1/ems/ecep/file/fileUpload',
                dataType: 'json',
//                acceptFileTypes:  /(\.|\/)(gif|jpe?g|png)$/i,
                add: function (e, data) {
                    var imgname = data.files[0].name;
                    var size = data.files[0].size;
                    var result = fileNameAttr.indexOf(imgname);
                    //这个是限制上传文件的格式
//                    var fileTut = imgname.substring(imgname.lastIndexOf(".") + 1);
//                    if(fileTut != "pdf" && fileTut != "docx" && fileTut != "xlsx" && fileTut != "doc" && fileTut != "xls"){
//                        layer.msg("请选择word和pdf和excel文件", {time : 2000, icon : 1});
//                        return;
//                    }
                    if( result == -1){
                        addNewRow(imgname,size);
                        reportArr.push(data);
                    }else{
                        alert("文件选择重复！")
                    }
                    fileNameAttr.push(imgname);
                },
                done: function (e, ret) {
                    $('.toRemove').hide();
                    reportArr = [];
                    var info = ret.result;
                    if (info.result){
                        //提交的时候s代表的是 input到底几个
//                        s++;
                        var devId = $("#deviceName").attr("valuefield");
                        var eqpId = $("#equipName").attr("equipid");
                        var fileId = info.fileId;
                        var reportUrl = info.fileUrl;
                        var inputId = ret.loaded;
//                        var inputValue = $(".laydate-icon").eq(s-1).val();//input中的值
                        var inputValue = $("#date_" + inputId ).val();
                        $("#status_" + inputId).html("成功");
                        $("#status_" + inputId).css({"color":"green"});
                        updatePipe(devId,eqpId,fileId,inputValue,function (result) {
                            var newUl = API.couponUrl+'/api/v1/ems/ecep/coupon/reports';
                            window.parent.refreshGrid(newUl);
                        });
                    }else{
                        fail++;
                        $(".status").eq(fail-1).html("失败");
                        $(".status").eq(fail-1).css({"color":"red"})
                    }
                },
                progress: function (e, data) {
                    var progressId = data.total;
                    var prog = parseInt(data.loaded / data.total * 100, 10);
                    $('#progress_'+ progressId).children('.progress-bar').css(
                        'width', prog + '%'
                    );
//                    var time = Math.floor(Math.random() * 900) + 100;
//                    setTimeout(function(){
//                        $('.progress-bar').eq(f).css(
//                            'width', '100%'
//                        );
//                        f++;
//                    },time)


                }
            });

        };

acceptFileTypes:  /(\.|\/)(gif|jpe?g|png)$/i,

.on('fileuploadprocessalways', function (e, data) {    var index = data.index,            file = data.files[index];    if (file.error) {        alert("上传文件格式不正确！");        return    };});