如何使用Spring Boot网站在thymeleaf引导程序中实现进度栏对话框？

Question

我想通过Spring Boot网站在thymeleaf引导程序中实现进度条对话框。

场景：当我单击“提交”按钮进行文件上传时，进度栏应显示，并在文件上传完成后消失。

我实现了这个ajax调用，但是没有用：

leftStream = cv2.VideoCapture(0)
rightStream = cv2.VideoCapture(1)
left = leftStream.read()[1]
right = rightStream.read()[1]
st = cv2.createStitcher(False)
st.estimateTransform([left, right])
st.composePanorama([left, right])

Answer 1

有个窍门

我想你正在使用自举进度条

您可以在jquery中使用js线程，在其中更改显示进度的值

下面是一个psoeudo代码，以帮助您

process = true;
$.ajax({
    type: 'POST',
    data: { value : value },
    url : 'result',
    beforeSend : function() { 
        $("#progressbarloader").show();
        value = 0;
        finalValue = 100;
        while(process){
           // create new thread with timeout 700 ms
               // thread function
                 // value = value + (finalValue-value)/4;
                 // change progress bar value using jquery
        }
    },
    complete : function() { 
       $("#progressbarloader").hide(); 
    },
    success : function(data) {
        console.log('success');
        value = 0;
        process = false;
    }
});