初次接触服务器端开发，边学习边试着做一个ota后台服务器，费了好大劲才实现了文件上传和进度条显示。
遇到几个问题：
1. 大文件上传失败
2.上传取消x 符合显示不出来
3. 不知道如何传递变量值给后台php
记录下过程：
1. 下载uploadify 代码到工程里，如public\plug-ins\uploadify 下。
2. 前端脚本如下，
客户端在formdata 中传递版本号，请看version_id 赋值方法，需要先在控制器里给它assign。
取消符合显示不了，需要修改uploadify.css 里面的background: url('uploadify-cancel.png')
注意uploadify 中uploader的写法
<form enctype="multipart/form-data" method="post" > <input type="file" name="uploadify" id="uploadify" multiple="true" /> </form> <script type="text/javascript"> <?php $timestamp = time();?> var maxsize = 1024 * 1024*1024;//1g $(function() { $('#uploadify').uploadify({ 'debug' : false, <span style="white-space:pre"> </span> 'filesizelimit ': maxsize, 'formdata' : { 'timestamp' : '<?php echo $timestamp;?>', 'token' : '<?php echo md5('unique_salt' . $timestamp);?>', <span style="white-space:pre"> </span>'version_id': {$version_id} }, 'swf' : '/public/plug-ins/uploadify/uploadify.swf', <span style="white-space:pre"> </span>'cancelimg':'/public/plug-ins/uploadify/uploadify-cancel.png', 'uploader' : '{:url(package/upload)}', <span style="white-space:pre"> </span>'filetypedesc' : 'zip文件', <span style="white-space:pre"> </span>'filetypeexts' : '*.zip', <span style="white-space:pre"> </span> 'multi': false }); }); </script>
3. 后端脚本对应控制器 package 的upload函数
注意上传文件的获取方法，不能使用thinkphp5 官方文档那种获取方式。
保存文件名不能带特殊符号
修改php.ini： upload_max_filesize = 1024m post_max_size=48 重启服务
public function upload(){ $verifytoken = md5('unique_salt' . $_post['timestamp']); if (!empty($_files) && $_post['token'] == $verifytoken) { $tempfile = $_files['filedata']['tmp_name']; /* $targetfolder = '/public/uploads'; // relative to the root $targetpath = $_server['document_root'] . $targetfolder; $targetfile = rtrim($targetpath,'/') . '/' . $_files['filedata']['name']; // validate the file type $filetypes = array('jpg','jpeg','gif','png','zip'); // file extensions $fileparts = pathinfo($_files['filedata']['name']); if (in_array($fileparts['extension'],$filetypes)) { move_uploaded_file($tempfile,$targetfile); echo '1'; } else { echo 'invalid file type.'; }*/ $version = model(version)->retrieve_by_version($_post['version_id']); if($version){ $file = new file($tempfile,'rw'); $hash_code = $file->hash(); $time = date(y-m-d-i-s,$_post['timestamp']); $info = $file->move(root_path . 'public' . ds . 'uploads'.ds.$version['project_name'].ds.$version['version_name'],'update_'.$time.'.zip'); if($info){ // 成功上传后 获取上传信息 echo $info->getextension(); echo $info->getsavename(); echo $info->getfilename(); }else{ // 上传失败获取错误信息 echo $file->geterror(); } }else{ echo '找不到对应版本'; } } }
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
如何使js数组与json对象动态实现添加、修改、删除
怎样使用js继承与多继承
以上就是怎样使用thinkphp5+uploadify实现文件上传的详细内容。