js实现进度可控制的异步上传使用什么对象来完成

JavaScript025

js实现进度可控制的异步上传使用什么对象来完成,第1张

图片和文件等流媒体 上传都是靠from表单的提交。

你可以设置一个隐藏的from表单

里面有个<input id='file' type='file'>

选择玩图片之后赋值给file  

然后用jquery from表单提交即可

<form id="form" runat="server" enctype="multipart/form-data" >

<input id='file' type='file'>

</from>

$.ajax({

    url:'XXXX',//上传后台路径

    data:$('#form').serialize(),

    type:"POST",

    success:function(){

    

    }

})

angular在1.5.5以上的版本中,在$http中也加入了eventHandler和uploadEventHandlers等方法,所以可以直接这样写:

$http({

method: 'POST',

url: url,

eventHandlers: {

progress: function(c) {

console.log('Progress ->' + c)

console.log(c)

}

},

uploadEventHandlers: {

progress: function(e) {

console.log('UploadProgress ->' + e)

console.log(e)

}

},

data: uploadData,

}).success(function(data) {

console.log(data)

}).error(function(data, status) {

console.log(data)

})

最后,也可以用比较成熟的组件去解决,推荐angular-file-upload