有类似onUploadProgress的实现么

[wendux]

有类似onUploadProgress的实现么

[wendux]

var formData=new FormData;
//将文件添加到formdata中,省略...

var p=fly.post(formData)
p.engine.upload.onprogress=function(){
 //处理上传进度
}
p.then(()=>{
//成功回调
}).catch(()=>{
//失败回调
})

[toutouli]

         document.getElementById('upload').onclick=function(){
            var formData = new FormData(window.verify);
            var p=fly.post('<%= api %>/channel/upload/',formData,true)
            p.engine.upload.onprogress=function(e){
                console.log(e)
            }
            p.then(function(data){
                console.log(data)
            })
        }

我按照你说的那样尝试了一下，直到上传成功，onprogress才调用了一次，是我写得不对吗？还是需要配置别的参数？

[wendux]

1. window.verify是什么东西？
2. post第三个参数为啥要传 true

[toutouli]

window.verify 是一个form表单

<form name="verify" class="inline" id="verify">
     <input type="file" name="appFile"/>
     <input type="button" value="上传" id="upload"/>
</form>

第三个参数是我胡乱尝试添加的，试图开启异步。实际上是没有作用的，可以忽略。

[wendux]

是不是选择的文件太小，而你的网速太快，一下子就传完了

[toutouli]

不是的，我文件有十几兆，上传了几十秒才传完

[wendux]

你可以查一下 xhr.upload.onprogress的相关资料， fly在浏览器中的engine就是xhr

[toutouli]

我通过以下尝试，发现xhr开启异步请求是能够成功返回进度（即xhr.open的第三个参数为true时）
那么如何通过fly开启异步？

document.getElementById('upload').onclick=function(){
            var formData = new FormData(window.verify);
            xhr=new XMLHttpRequest();
            xhr.onreadystatechange=function(){
                console.log(xhr.response)
            }
            xhr.upload.onprogress=function(e){
                console.log(e)
            }
            xhr.open('POST','<%= background %>/channel/upload/',true);
            xhr.send(formData)
 }

[wendux]

xhr.open的第三个参数默认就是true, 不用显式传，fly中就是采用的默认值，你去掉第三个参数试试

[toutouli]

嗯，确如你说说，默认是true，去掉了一样能成功返回。
这样的话，会不会是绑定监听的时机不对呢？
我看到stackoverflow上有这样一个回答
说是监听须在请求开始前绑定才有效，我试了下，把onprogress的绑定放到了send之后，确实是不行的。

[wendux]

已修复 用 npm>=0.2.5的包 试试

[toutouli]

可以了，谢谢