jjzjj

PROGRESS

全部标签

javascript - 如何在 jQuery.get() 中有一个进度条

是否可以有一个进度条来衡量jQuery.get()的进度? 最佳答案 这在当前版本的jQuery中不是开箱即用的,但仍然可以不费吹灰之力。您应该监听jQuery允许您访问的XMLHttpRequest的progress事件。一个例子fromDaveBond'sblog:$.ajax({type:'POST',//'POST'heresothat_upload_progress_also_makessense;//Changeto'GET'ifyouneed.url:"/",data:{},beforeSend:function(XM

javascript - 显示一个进度条,显示表单提交的进度

这个问题还没有完全回答,欢迎投稿!我正在尝试显示一个简单的progressbar提交大表单时。该表单包含十几个字段,以及一些文件上传字段,用户可以在其中选择图片。然后,当他点击Create按钮,提交带有数据和图片的表单,并在数据库中创建实体。(只需单击一下即可提交表格和图片)。一切正常,但我想在提交过程中显示一个进度条。我找到了很多教程来解释如何显示进度条,但我找不到任何人解释如何显示进度条以指示方法完成的工作百分比,即,我希望在提交过程中看到10%、25%等...。所以,基本上,这就是我所做的:(这是一个ASP.NETMVC3项目)@modelMyModel@using(Html.B

javascript - 在 sails.js 中使用船长处理上传(进行中)

我正在使用skipper一次将多个文件上传到本地文件夹。但我遇到了一些问题。upload:function(req,res){if(_.isEmpty(req.session.User)){returnres.json({//--->1success:0});}else{res.setTimeout(0);varMAXBYTES=10*1000*1000;//--->2if(req._fileparser.form.bytesExpected>MAXBYTES){returnres.json({success:0,error:'Filesizelimitexceeded.'});}el

javascript - react .js : how to make inline styles automatically update progress bar on state change

我在React.js和ZurbFoundation中构建了一个进度条,我想反射(reflect)当前状态。我知道一开始我可以用这样的东西设置宽度:render:function(){varspanPercent=(this.props.a-this.props.b)/this.props.a+'%';varspanStyle={width:spanPercent};return();}但是,当props的值由于状态变化而变化时,即使props值发生变化,内联样式也不会更新。是否有执行此操作的最佳实践,例如使用回调或将代码放在其他地方?如果有任何帮助,我将不胜感激!

javascript - JQuery 用户界面 : multiple progress bar - problems to set dynamic values

我有一些进度条(搜索结果),其值是在document.ready上动态设置的和$(document).ready(function(){$("div.progressbar").progressbar({value:$(this).attr("rel")});});这似乎行不通。相反,如果我做value:40,一切正常,所以问题不在于包含或使用。我也试过$.each,但是什么都没有$("div.progressbar").each(function(){varelement=this;console.log($(element).attr("rel"));//okrightvalue$

javascript - 如何报告 JavaScript 函数的进度?

我有一个相当长的JavaScript函数,它执行许多任务,我想通过在执行过程中使用消息更新SPAN元素的内容来向用户报告进度。我尝试在整个函数代码中添加document.getElementById('spnProgress').innerText=...语句。但是,当函数正在执行时,UI不会更新,因此您只能看到写入SPAN的最后一条消息,这不是很有帮助。我目前的解决方案是将任务分解为多个函数,在每个函数的末尾我设置SPAN消息,然后使用window.setTimeout调用“触发”下一个函数,延迟非常短(比如10毫秒)).这会产生控制权,并允许浏览器在开始下一步之前使用更新后的消息重

javascript - CSS3动画 "progress"回调

我只是想知道是否有一种方法可以监控元素动画的进度。我只知道animationstart和animationend,是否有某种animationprogress? 最佳答案 不,没有animationprogess事件。根据W3specification,AnimationEvent事件共有三种类型。有animationstart、animationend和animationiteration。当动画即将再次重复时,animationiteration代替animationend被触发。您大概可以使用一个setInterval(),它

javascript - jQuery 文件上传插件 : trigger an event when all files are uploaded

我使用jQuery文件上传插件(http://blueimp.github.io/jQuery-File-Upload/)来管理我的文件上传。它工作得很好。我可以检测到每个文件何时上传并(例如)显示一条消息。但我想检测每个文件何时上传以显示最终消息。如何做这样的事情?下面是我的实际实现:$('#fileupload').fileupload({url:"api/fileManager",dataType:'json',maxFileSize:100000000,//100MBfortesting!dropZone:$(document.body)}).on('fileuploadcha

javascript - fadeIn 和 fadeOut 功能不起作用

我正在使用纯javascript处理淡入淡出函数,这里是代码:(function(){varfx={easing:{linear:function(progress){returnprogress;},quadratic:function(progress){returnMath.pow(progress,2);},swing:function(progress){return0.5-Math.cos(progress*Math.PI)/2;},circ:function(progress){return1-Math.sin(Math.acos(progress));},back:fu

javascript - Angular 1.5.4 $http 进度事件

现在,Angular1.5.4终于允许您跟踪$http提供程序上的进度事件,但出于某种原因,我一直收到$rootScope作为响应,而不是实际进度(我将其用于上传)信息。由于缺少示例,我在Angular存储库中找到了一些测试并进行了测试,但没有成功。restClientInstance.post=function(requestParams){varpostParams={method:"POST",url:API_URL+requestParams.url,headers:requestParams.headers,data:requestParams.data,eventHandl