![](/img/trans.png)
[英]Creating upload button and progress bars using jQuery-File-Upload plugin
[英]progress callback always shows 100% upload in jquery-file-upload plugin
我想为 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 库,因为添加它可以防止任何上传活动发生。
知道我做错了什么吗?
进度函数是否alert
字符串“100%”? 我不熟悉该插件,但是progress
函数的alert
表达式将所有内容都转换为String
类型。 所以我希望它显示字符串“x/y”。
在任何情况下,您都应该将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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.