zoukankan      html  css  js  c++  java
  • laravel + html ajax 多表单字段和图片一起上传

    $("#article_push").on('click', function (e){
                e.preventDefault();
                var stylestr = $('#summernote').eq(0).summernote('code');
                $("#hidden_content").val(stylestr);
                var formData = new FormData($('#article_info'));
                var fileObj  = document.getElementById('thumb').files[0];
                formData.append('title', $("input[name='title']").val());
                formData.append('brief', $("input[name='brief']").text());
                formData.append('content',stylestr);
                formData.append('thumb',fileObj);
                $.ajax({
                    headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: '/admin/article/create' ,
                    data: formData ,
                    processData:false,
                    contentType: false,
                    cache: false,
                    success:function(data){
                      if(data.status){
                          layer.msg('发布成功!', {icon: 6});
                      }else{
                          layer.msg('发布失败!', {icon: 5});
                      }
                    },
                    error:function(err){
                      console.log(err);
                    }
                });
            });
    

      

    public function create(Request $request)
        {   dd($request->file('thumb'));
            $status = Article::create($request->except('thumb'));
            if($status){
                return response()->json([
                    'status'=>true, 
                    'message'=>'发布成功!'
                ]);
            }else{
                return response()->json([
                    'status'=>fasle, 
                    'message'=>'发布失败!'
                ]);
            }
            
        }
  • 相关阅读:
    Notepad++快捷键
    NAT123内网映射端口
    Maven 导出依赖Jar,生成source.jar,javadoc.jar
    自定义javascript log方法
    AmazeUI定制
    模板框架
    jquery checkbox全选 获取值
    首页导航点击A连接跳转并添加上背景色,
    Controller中的方法利用ip跨域访问
    Datatable转成List
  • 原文地址:https://www.cnblogs.com/winyh/p/7927470.html
Copyright © 2011-2022 走看看