如何使用jquery ajax计算上传文件所需的时间

Question

我想创建一个简单的脚本来帮助我计算将图像上传到服务器时所花费的时间，我有类似的东西

$(document).ready(function(){

    $("#but_upload").click(function(){

        var fd = new FormData();
        var files = $('#file')[0].files[0];
        fd.append('file',files);

        $.ajax({
            url: 'http://uploadtomyapi.com',
            type: 'post',
            data: fd,
            contentType: false,
            processData: false,
            success: function(response){
                // done my calculation here
        });
    });
});

我不知道这样做是更好的方法，但是我是新来的，有人可以帮助我，谢谢。

Answer 1

这样，然后计算开始值和结束值之间的差（如Taplar在评论中上面提到的那样）。

<script>
var startTime, EndTime;
$(document).ready(function () {
    $("#but_upload").click(function () {
        var fd = new FormData();
        var files = $('#file')[0].files[0];
        fd.append('file', files);
        $.ajax({
            url: 'http://uploadtomyapi.com',
            type: 'post',
            data: fd,
            contentType: false,
            processData: false,
            beforeSend: function () {
                startTime = Date.now();
            },
            success: function (response) {
                // done my calculation here
            },
            complete: function () {
                endTime = Date.now();
            }
        });
    });
});
</script>