TP5 基于bootstrap实现多图上传插件

　　1----引入js文件和css文件

　　 <!--图片上传--> <link href=/public/static/css/bootstrap.min.css rel=external nofollow rel=stylesheet> <link href=/public/static/css/fileinput.css rel=external nofollow media=all rel=stylesheet type=text/css /> <script src=/public/static/js/jquery-2.0.3.min.js></script> <script src=/public/static/js/fileinput.js type=text/javascript></script> <script src=/public/static/js/fileinput_locale_de.js type=text/javascript></script> <script src=/public/static/js/bootstrap.min.js type=text/javascript></script>2-html代码 <div class=form-group> <label for=inputEmail3 class=col-sm-2 control-label>多图上传</label> <div class=col-sm-10> <input id=file-0 type=file multiple class=file name=path[] > </div> </div>

　　3-控制器

　　 public function add() { //多图上传 $arryFile = $request->file(path); foreach ($arryFile as $File){ $pathImg=; //移动文件到框架应用更目录的public/uploads/ $info = $File->move(ROOT_PATH . public . DS . upload . DS . top_bar . DS . date(Y) . DS . date(m-d),md5(microtime(true))); if ($info) { $pathImg = /public/upload/top_bar/ . date(Y) . / . date(m-d) . / . $info->getFilename(); } else { //错误提示用户 return $this->error($File->getError()); } $result[path] = $pathImg; $result[top_bar_id]=$dataId; Db::name(top_path)->insert($result); }

　　总结

　　以上所述是小编给大家介绍的TP5 基于bootstrap实现多图上传插件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！