tp5切片上传视频

vio.html页面(视频上传页)

<html>  
<head>  
    <meta charset="UTF-8">  
    <link rel="stylesheet" type="text/css" href="/tp5/layer/layer/webuploader.css">  
    <link rel="stylesheet" href="/tp5/layer/layer/style.css">  
    <!--引入JS-->  
    <script type="text/javascript" src="/tp5/layer/layer/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="/tp5/layer/layer/webuploader.js"></script>  
    <style>
    body{
background-image:url("../../../img/8.jpg");
background-size:100% 100% ; 
/*width:100%;
height: 100%;*/
font-family: 'Oleo Script', cursive;
}
</style>
</head>  
<body> 
<center> 
<div id="uploader" style="width: 800px;margin: auto;margin-top:100px; ">  
    <h1 style="color: #00a7d0">视频(切片)上传</h1>  
    <div id="thelist" class="uploader-list"></div>  
    <div class="btns">  
        <table style="width: 300px;" border="1">  
            <tr align="right">  
                <td>  
                    <div id="picker" style="float:left">选择文件</div>  
                </td>  
                <td>  
                    <button id="ctlBtn" class="btn btn-default" style="padding:8px 15px;">开始上传</button>  
                </td>  
            </tr>  
        </table>  
    </div>  
  
</div> 
</center> 
<script type="text/javascript">  
    $(function(){  
        var $list=$("#thelist");   //这几个初始化全局的百度文档上没说明,好蛋疼。  
        var $btn =$("#ctlBtn");   //开始上传  
  
        var uploader = WebUploader.create({  
            // 选完文件后,是否自动上传。  
            auto: false,  
  
            // swf文件路径  
            swf: './webuploader-0.1.5/Uploader.swf',  
  
            // 文件接收服务端。  
            server: "{:url('backstage/upload')}",  
  
            // 选择文件的按钮。可选。  
            // 内部根据当前运行是创建,可能是input元素,也可能是flash.  
            pick: '#picker',  
  
            chunked: true,//开启分片上传  
            threads: 1,//上传并发数  
  
            method:'POST',  
        });  
        // 当有文件添加进来的时候  
        uploader.on( 'fileQueued', function( file ) {  
            // webuploader事件.当选择文件后,文件被加载到文件队列中,触发该事件。等效于 uploader.onFileueued = function(file){...} ,类似js的事件定义。  
            $list.append( '<div id="' + file.id + '" class="item">' +  
                '<h4 class="info">' + file.name + '</h4>' +  
                '<p class="state">等待上传...</p>' +  
                '</div>' );  
        });  
        // 文件上传过程中创建进度条实时显示。  
        uploader.on( 'uploadProgress', function( file, percentage ) {  
            var $li = $( '#'+file.id ),  
                $percent = $li.find('.progress .progress-bar');  
  
            // 避免重复创建  
            if ( !$percent.length ) {  
                $percent = $('<div class="progress progress-striped active">' +  
                    '<div class="progress-bar" role="progressbar" style="width: 0%">' +  
                    '</div>' +  
                    '</div>').appendTo( $li ).find('.progress-bar');  
            }  
  
            $li.find('p.state').text('上传中');  
  
            $percent.css( 'width', percentage * 100 + '%' );  
        });  
  
        // 文件上传成功,给item添加成功class, 用样式标记上传成功。  
        uploader.on( 'uploadSuccess', function( file ) {  
            $( '#'+file.id ).addClass('upload-state-done');  
        });  
  
        // 文件上传失败,显示上传出错。  
        uploader.on( 'uploadError', function( file ) {  
            $( '#'+file.id ).find('p.state').text('上传出错');  
        });  
  
        // 完成上传完了,成功或者失败,先删除进度条。  
        uploader.on( 'uploadComplete', function( file ) {
            // alert(file.id)
            // alert(file.error);
            // alert(file);
            $( '#'+file.id ).find('.progress').remove();  
            $( '#'+file.id ).find('p.state').text('已上传');
            location.href="http://www.xiaosan.com/tp5/public/index.php/index/backstage/vioshow";
        });  
        $btn.on( 'click', function() {  
            if ($(this).hasClass('disabled')) {  
                return false;  
            }  
            uploader.upload();  
        });  
    });  
</script>  
  
</body>  

</html>  


    控制器里写
    public function upload()
    {
      // Make sure file is not cached (as it happens for example on iOS devices)  
header("Access-Control-Allow-origin:*");  
//header("Access-Control-Allow-Credentials:true");  
//header('Access-Control-Allow-Headers:x-requested-with,content-type');  
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");  
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");  
header("Cache-Control: no-store, no-cache, must-revalidate");  
header("Cache-Control: post-check=0, pre-check=0", false);  
header("Pragma: no-cache");  
  
  
// Support CORS  
// header("Access-Control-Allow-Origin: *");  
// other CORS headers if any...  
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {  
    exit; // finish preflight CORS requests here  
}  
  
  
if ( !empty($_REQUEST[ 'debug' ]) ) {  
    $random = rand(0, intval($_REQUEST[ 'debug' ]) );  
    if ( $random === 0 ) {  
        header("HTTP/1.0 500 Internal Server Error");  
        exit;  
    }  
}  
//  
//var_dump($_REQUEST);  
//  
// header("HTTP/1.0 500 Internal Server Error");  
// exit;  
  
  
// 5 minutes execution time  
@set_time_limit(5 * 60);  
  
$targetDir = 'upload_tmp';   //切片保留路径
$uploadDir = 'upload';       //最终上传路径
  
$cleanupTargetDir = true; // Remove old files  
$maxFileAge = 5 * 3600; // Temp file age in seconds  
  
  
// Create target dir  
if (!file_exists($targetDir)) {  
    @mkdir($targetDir);  
}  
  
// Create target dir  
if (!file_exists($uploadDir)) {  
    @mkdir($uploadDir);  
}  
  
// Get a file name  
if (isset($_REQUEST["name"])) {  
    $fileName = $_REQUEST["name"];  
} elseif (!empty($_FILES)) {  
    $fileName = $_FILES["file"]["name"];  
} else {  
    $fileName = uniqid("file_");  
}  
  
$filePath = $targetDir . DIRECTORY_SEPARATOR . $fileName;  
$uploadPath = $uploadDir . DIRECTORY_SEPARATOR . $fileName;  
  
// Chunking might be enabled  
$chunk = isset($_REQUEST["chunk"]) ? intval($_REQUEST["chunk"]) : 0;  
$chunks = isset($_REQUEST["chunks"]) ? intval($_REQUEST["chunks"]) : 1;  
  
  
// Remove old temp files  
if ($cleanupTargetDir) {  
    if (!is_dir($targetDir) || !$dir = opendir($targetDir)) {
    // echo '123'; 
        die('{"jsonrpc" : "2.0", "error" : {"code": 100, "message": "Failed to open temp directory."}, "id" : "id","uploadPath":$uploadPath}');  
    }  
  
    while (($file = readdir($dir)) !== false) {  
        $tmpfilePath = $targetDir . DIRECTORY_SEPARATOR . $file;  
  
        // If temp file is current file proceed to the next  
        if ($tmpfilePath == "{$filePath}_{$chunk}.part" || $tmpfilePath == "{$filePath}_{$chunk}.parttmp") {  
            continue;  
        }  
  
        // Remove temp file if it is older than the max age and is not the current file  
        if (preg_match('/\.(part|parttmp)$/', $file) && (@filemtime($tmpfilePath) < time() - $maxFileAge)) {  
            @unlink($tmpfilePath);  
        }  
    }  
    closedir($dir);  
}  
  
  
// Open temp file  
if (!$out = @fopen("{$filePath}_{$chunk}.parttmp", "wb")) {  
    die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');  
}  
  
if (!empty($_FILES)) {  
    if ($_FILES["file"]["error"] || !is_uploaded_file($_FILES["file"]["tmp_name"])) {  
        die('{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}');  
    }  
  
    // Read binary input stream and append it to temp file  
    if (!$in = @fopen($_FILES["file"]["tmp_name"], "rb")) {  
        die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');  
    }  
} else {  
    if (!$in = @fopen("php://input", "rb")) {  
        die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');  
    }  
}  
  
while ($buff = fread($in, 4096)) {  
    fwrite($out, $buff);  
}  
  
@fclose($out);  
@fclose($in);  
  
rename("{$filePath}_{$chunk}.parttmp", "{$filePath}_{$chunk}.part");  
  
$index = 0;  
$done = true;  
for( $index = 0; $index < $chunks; $index++ ) {  
    if ( !file_exists("{$filePath}_{$index}.part") ) {  
        $done = false;  
        break;  
    }  
}  
if ( $done ) {  
    if (!$out = @fopen($uploadPath, "wb")) {
      // echo '1';
        die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');  
    }  
  
    if ( flock($out, LOCK_EX) ) {  
        for( $index = 0; $index < $chunks; $index++ ) {  
            if (!$in = @fopen("{$filePath}_{$index}.part", "rb")) {  
                break;  
            }  
  
            while ($buff = fread($in, 4096)) {  
                fwrite($out, $buff);  
            }  
  
            @fclose($in);  
            @unlink("{$filePath}_{$index}.part");  
        }  
  
        flock($out, LOCK_UN);  
    }  
    @fclose($out);  
}  
  
// Return Success JSON-RPC response  
//echo ('{"jsonrpc" : "2.0", "result" : null, "id" : "id"}');


    //查询当前是否已经入库过数据
     $arr = @Db('vio')->where('vio',"$uploadPath")->find();
     // print_r($arr);
     if($arr)
     {
       echo ('{"jsonrpc" : "2.0", "result" : null, "id" : "id"}');
     }
     else
     {
       $res=Db('vio')->insert(['vio'=>$uploadPath]);
     }
     
    }
   查询数据库并展示
    public  function  vioshow()
    {
     $re=Db::query('select * from vio'); 
     // $this->view->engine->layout(true);                   
      return $this->fetch('vioshow',['re'=>$re]);  

    }

视频展示页vioshow.html

<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
<table>  
    <tr>  
        视频播放
        <?php foreach($re as $k=>$v){?>


<video width="320" height="240" controls="controls" src="__ROOT__/{$v['vio']}">  
        </video>  





    <?php } ?>   
        
    </tr>  
</table>  
</body>  
</html>    


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
要将 OFD 文件转换为 PDF 文件,需要使用 OFD 转换工具,可以使用免费的 OFD 转换工具 OFD Converter。 以下是将 OFD 文件转换为 PDF 文件的步骤: 1.先安装 OFD Converter 工具,然后打开 OFD Converter。 2.在 OFD Converter 工具中,选择要转换的 OFD 文件,然后点击“转换”按钮。 3.等待 OFD 文件转换为 PDF 文件完成。 4.转换完成后,可以在 OFD Converter 工具中选择“打开输出文件夹”来查看转换后的 PDF 文件。 在 TP5上传 OFD 文件,可以使用 TP5 自带的文件上传类进行上传,例如: ```php // 获取上传的 OFD 文件 $file = request()->file('ofd'); // 判断上传的文件是否为空 if(empty($file)) { return '上传的文件为空'; } // 判断上传的文件是否有效 if(!$file->checkIsValid()) { return '上传的文件无效'; } // 将上传的 OFD 文件移动到指定目录 $savePath = './uploads/ofd/'; $info = $file->move($savePath); // 判断文件是否上传成功 if($info) { // OFD 文件上传成功,将 OFD 文件转换为 PDF 文件 $ofdFile = $savePath . $info->getSaveName(); $pdfFile = $savePath . $info->getBasename('.ofd') . '.pdf'; exec('ofd2pdf ' . $ofdFile . ' ' . $pdfFile); } else { // OFD 文件上传失败 return '上传 OFD 文件失败'; } ``` 以上代码中,使用 `$file = request()->file('ofd')` 获取上传的 OFD 文件,然后使用 `$file->checkIsValid()` 判断上传的文件是否有效,再使用 `$file->move($savePath)` 将上传的 OFD 文件移动到指定目录中。 在 OFD 文件上传成功后,使用 `exec` 函数调用 OFD Converter 工具将 OFD 文件转换为 PDF 文件。最后,将转换后的 PDF 文件保存在指定目录中。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值