spring定时任务-文件上传进度条

spring定时任务

导依赖

    
        org.quartz-scheduler
        quartz
        2.2.3
    

配置定时任务类

package com.atguigu.scw.portal.service;
    
    import org.springframework.stereotype.Service;
    
    @Service
    public class ExampleJob {
    
        public void hello() {
            System.out.println("定时任务触发===========>");
        }
    
    }

配置定时任务

    
    
    
    
        <!--  -->
    
        
        
            
            
        
    
    
        
        
            
            
            
        
    
    
        
        
            
                
                    
                
            
        
    

cron表达式使用

每隔5秒执行一次：*/5 * * * * ?
每隔1分钟执行一次：0 */1 * * * ?
每天23点执行一次：0 0 23 * * ?
每天凌晨1点执行一次：0 0 1 * * ?
每月1号凌晨1点执行一次：0 0 1 1 * ?
每月最后一天23点执行一次：0 0 23 L * ?
每周星期天凌晨1点实行一次：0 0 1 ? * L
在26分、29分、33分执行一次：0 26,29,33 * * * ?
每天的0点、13点、18点、21点都执行一次：0 0 0,13,18,21 * * ?

参考

https://docs.spring.io/spring/docs/4.0.0.RELEASE/spring-framework-reference/htmlsingle/#scheduling-quartz

文件上传进度条

ajax异步提交表单 $("#subBtn").on('click', function() { return false}
是js对象的机制

Submit
点击按钮直接提交是浏览器的机制
文件上传

表单直接提交 action='${ctp}/member/upload' method='post' enctype="multipart/form-data"

        

            
        
        

            

                60%
        
        Submit
    

ajax提交 type : "post",contentType : false,processData : false

进度条:获取 myXhr = $.ajaxSettings.xhr()
对象并返回

        

            
        
        

            
0%
        
        Submit
    
    
    
        $("#subBtn").on('click', function() {
            var fd = new FormData($("#submitForm")[0]);
            $.ajax({
                url : "${ctp}/member/upload",
                data : fd,
                type : "post",
                contentType : false,
                processData : false,
                //获取ajaxSettings中的xhr对象，为它的upload属性绑定progress事件的处理函数  
                xhr : function() {
                    myXhr = $.ajaxSettings.xhr()
                    //检查upload属性是否存在  
                    if (myXhr.upload) {
                        //绑定progress事件的回调函数  
                        myXhr.upload.addEventListener('progress',
                                progressHandlingFunction, false)
                    }
                    //xhr对象返回给jQuery使用  
                    return myXhr;
                },
                success : function(result) {
                    console.log("result==========>", result)
                },
                error : function(e) {
                    console.log('e=========>', e)
                }
            })
            return false
        })
        var progressHandlingFunction = function(e) {
            var curr = e.loaded
            var total = e.total
            process = curr / total * 100
            console.log('上传进度============>', process)
            $('.progress').attr('style', 'display:show;')
            $('.progress-bar').html(process + '%')
            $('.progress-bar').attr('style', 'width:' + process + '%;')

        }
    

图片预览

$("#ad_file_input").on('change', function(event) {
        $(this).empty()
        $(this).parent('.form-group').next('.form-group').find('.imgdiv').empty()
        
        fileList = event.currentTarget.files
        log('fileList==============>', fileList)
        
        var URL = window.URL || window.webkitURL
        var imgURL
        //遍历上传的文件进行显示 
        $.each(fileList, function (index, item) {
            //创建一个临时的url地址
           imgURL = URL.createObjectURL(item)
           log('this=========>',this)
           log('item==========>',item)
           $('#ad_file_input').parent(".form-group").next(".form-group").find(".imgdiv").append("").append('
'+item.name+'
')
        })
    })