XHR 进度仅在开始时触发
XHR Progress Only Fires At The Start
我有一些代码,旨在在缩放客户端后自动上传图像。图像上传得很好,但是,XHR 进度事件在第一次后不会触发。任何帮助将不胜感激。
注意:我正在上传一个jpg的BLOB,如果这可能很重要,他们会将其组装并保存在服务器上。
这是我的代码:
var uploadCameraPhoto = function ( blob, filename, dataUrl ) {
var xhr = new XMLHttpRequest();
if ( xhr.upload ) {
var formData = new FormData() ;
formData.append( 'file', blob, filename ) ;
xhr.upload.onprogress = function(e) {
console.log(e.loaded + ' / ' + e.total);
} ;
xhr.onload = function (e) {
console.log( ( ( xhr.status === 200 ) ? 'uploaded' : ( 'error: ' + xhr.status ) ) );
} ;
var action = $( 'upload' ).get( 'action' ) ;
xhr.open("POST", action, true);
xhr.setRequestHeader("X_FILENAME", filename);
xhr.send(formData);
}
} ;
而不是:
xhr.upload.onprogress = function(e) {
console.log(e.loaded + ' / ' + e.total);
};
尝试:
function uploadProgress(e) {
if (e.lengthComputable) {
console.log(e.loaded / e.total);
} else {
console.log('Cannot compute progress.');
}
}
xhr.upload.addEventListener("progress", uploadProgress, false);
相关文章:
- 在开始时隐藏FX.slide内容,而不是在单击后隐藏
- 拖动开始时更改可拖动元素的大小
- 如何制作按钮.单击“开始时不运行”
- window.scroll在页面开始时触发
- 如何在父动画开始时激发jquery子函数
- 滚动框滚动工作,但它在开始时返回
- 正则表达式在开始时将字符串与(逗号分隔的)数字匹配,并拆分为数字和其余
- Javascript Button在开始时调用,而不是之后调用
- 如何在开始时禁用 HTML 中的链接并在之后启用它
- JavaScript substr 与从第一个字符开始时的子字符串
- XHR 进度仅在开始时触发
- Javascript幻灯片在节目开始时快速出现最后一张图像
- 主干(也是木偶)尝试在集合开始时显示新记录,而不重新渲染整个集合
- 下载开始时隐藏项目
- 在窗口大小调整事件开始时暂停 Greensock 动画,在调整大小事件结束时恢复动画
- 当您在锚标记上开始时,JQuery-Mobile 滑动不起作用
- HTML5音频 - 当另一个声音开始时停止当前播放
- 如何使切换的元素在开始时显示为块,然后在悬停时切换
- javascript在非字母数字上拆分,并在开始时保持删除
- 是否有一个js事件在选择开始时被触发