主页 > 知识库 > TP5 基于bootstrap实现多图上传插件

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

热门标签:科大讯飞语音识别系统 服务器配置 银行业务 团购网站 电子围栏 Linux服务器 阿里云 Mysql连接数设置

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实现多图上传插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:
  • 基于vue+ bootstrap实现图片上传图片展示功能
  • Bootstrap fileinput文件上传预览插件使用详解
  • 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)
  • spring MVC + bootstrap实现文件上传示例(带进度条)
  • BootStrap fileinput.js文件上传组件实例代码
  • 基于bootstrap的文件上传控件bootstrap fileinput

标签:江苏 枣庄 衡水 广元 萍乡 蚌埠 大理 衢州

巨人网络通讯声明:本文标题《TP5 基于bootstrap实现多图上传插件》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266