Heim > Backend-Entwicklung > PHP-Tutorial > PHP异步上传文件到七牛(包含上传文件进度条)

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

WBOY
Freigeben: 2016-06-23 13:27:03
Original
1771 Leute haben es durchsucht

<?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);?><!DOCTYPE html><html><head><meta charset="UTF-8"><title>Upload test</title><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head><body><input id="token" name="token" type="hidden" value="<?php echo $token;?>"><input id="file" name="file" type="file" accept="audio/mp4,video/mp4"><br><br><progress id="progress" value="0" max="100"></progress><script type="text/javascript">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);</script></body></html>
Nach dem Login kopieren


Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage