Question

我想为blueimp jquery-file-upload插件实现一个进度条，但progress回调只在上传开始后立即触发，并且data.loaded == data.total。

<input data-url="/ads/32/photos" id="image" name="image" type="file" />

$(".upload-btn input").fileupload({
    dataType: "json",
    progress: function(e, data) {
      alert(data.loaded + "/" + data.total);
    },
    done: function(e, data) {
      alert("done");
    }
  });

稍后（上传完成时）完成回调，我可以通过服务器日志确认上传成功。当我尝试使用progressall回调时，我也会遇到相同的行为。

不确定它是否相关，但我目前还没有包含jquery.fileupload-fp.js库，因为添加它可以防止任何上传活动发生。

知道我做错了吗？

Answer 1

进度函数是alert字符串＆＃34; 100％＆＃34;？我不熟悉该插件，但alert函数的progress中的表达式将所有内容都转换为String类型。所以我希望它显示字符串＆＃34; x / y＆＃34;。

在任何情况下，您都应将progress功能更改为

alert( data.loaded / data.total ); // no quotes, no +'s

如果这些属性（total和loaded）是正确的，那么它应该为您提供所需的行为。

编辑：为了澄清发生了什么，如果这回答了您的问题：+运算符根据其操作数的数据类型以不同的方式运行。如果你+两个数字在一起，它就可以作为算术加法运算符。如果甚至一个运算符是一个字符串，+将首先将其他操作数更改为字符串，然后连接它们。最终结果将是一个字符串，而不是一个数字。

var two = "2"; // two is a String data type
alert(two + 2); // Returns "22" as a String

var two = 2;
alert(two + 2); // Returns 4

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Addition

进度回调总是在jquery-file-upload插件中显示100％上传

1 个答案: