php异步传输,PHP异步上传文件到七牛(包含上传文件进度条)

require_once ‘inc.php‘;

require_once ‘vendor/autoload.php‘;

// 引入鉴权类

use Qiniu\Auth;

// 引入上传类

use Qiniu\Storage\UploadManager;

// 需要填写你的 Access Key 和 Secret Key

$accessKey = ‘‘;

$secretKey = ‘‘;

// 构建鉴权对象

$auth = new Auth($accessKey, $secretKey);

// 要上传的空间

$bucket = ‘‘;

// 生成上传 Token

$token = $auth->uploadToken($bucket);

?>

html>

Upload test

">

document.getElementById(‘file‘).addEventListener(‘change‘, function(e) {

var fd = new FormData();

fd.append("file",$(‘#file‘)[0].files[0]);

fd.append("token",$("#token").val());

var xhr = new XMLHttpRequest();

xhr.addEventListener(‘progress‘, function(e) {

var done = e.loaded || e.loaded, total = e.total || e.total;

console.log(‘xhr上传进度: ‘ + (Math.floor(done/total*1000)/10) + ‘%‘);

}, false);

if ( xhr.upload ) {

xhr.upload.onprogress = function(e) {

var done = e.loaded || e.loaded, total = e.total || e.total;

console.log(‘xhr.upload上传进度: ‘ + done + ‘ / ‘ + total + ‘ = ‘ + (Math.floor(done/total*1000)/10) + ‘%‘);

document.getElementById("progress").value = Math.floor(done/total*1000)/10;

};

}

xhr.onreadystatechange = function(e) {

if ( 4 == this.readyState ) {

console.log([‘xhr upload complete‘, e]);

}

};

xhr.open(‘post‘, ‘http://up.qiniu.com?‘, true);

xhr.send(fd);

}, false);

原文:http://my.oschina.net/zhouyang2021/blog/502481

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值