laravel使用layui 上传文件 支持pdf上传

控制器:

<?php

namespace App\Http\Controllers\web;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;

class   UploadsController extends Controller
{
    /**
     * @param Request $request
     * @return false|string
     * 文件上传
     */
    public function UploadImg(Request $request)
    {
        $file = $request->file('file');//获取图片
        $allowed_extensions = ["png", "jpg", "gif","pdf"]; //多类型
        //图片是否是正规图片
        if ($file->getClientOriginalExtension()&&!in_array
            ($file->getClientOriginalExtension(),$allowed_extensions)) {
            $data=[
                'status'=>-1,
                'msg'=>'不支持此格式'
            ];
            return json_encode($data);
        }
        if($request->hasFile('photo')) {

        }
        //保存图片
        $path=date('Y/m/d/',time());
        $destinationPath ='uploads/blog/'.$path;
        is_dir($destinationPath) or mkdir($destinationPath,0777,true);

        $extension = $file->getClientOriginalExtension();
        $fileName = md5(str_random(10) . time()) . '.' . $extension;
        $file->move($destinationPath, $fileName);
        $data=[
            'status'=>1,
            'msg'=>$destinationPath.$fileName
        ];
        return json_encode($data);
    }
}

blade文件

<form class="layui-form">
				<div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                        导图
                    </label>
                    <div class="layui-upload">
                        <button type="button" class="layui-btn" id="test1">
                            上传图片
                        </button>
                        <input type="hidden" name="img_path" id="fileimg">
                    </div>
                    <div class="layui-form-mid layui-word-aux"  id="img_file">
                        <img src=""  onerror="this.style.display='none'" alt="..." width="70px" height="70px" class="layui-upload-img">
                    </div>
                </div>
</form>

layer js部分:

layui.use('upload', function () {
            var layer = layui.layer;
            var upload = layui.upload;
            var blogUpload = '{{ url('url')}}'; //上传图片的路径
            //执行实例
            var uploadInst = upload.render({
                elem: '#test1' //绑定元素
                , url: blogUpload //上传接口
                ,accept: 'file'
                ,exts: 'jpg|png|gif|bmp|jpeg|pdf|docx|doc'
                ,data:{'_token':'{{csrf_token()}}'}
                , done: function (res) {
                    if (res.status == '1') {
                        $('#img_file').show()
                        $('#img_file').find('img').attr('src',"{{env('URL').'/'}}"+res.msg)  //上传成功后预览图
                        $("#fileimg").val(res.msg)
                        return layer.msg('图片上传成功!');
                    } else if (res.status == '-1') {
                        return layer.msg(res.msg);
                    } else {
                        return layer.msg('图片上传失败');
                    }
                }
                , error: function () {
                    //请求异常回调
                    return layer.msg('图片上传失败');
                }
            });
        });
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值