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'=>'发布失败!'
                ]);
            }
            
        }
  • 相关阅读:
    Spring AOP切点表达式用法总结
    各种文档地址记录
    回顾乐信集团工作经历
    Redux的简单使用
    简单介绍软件测试(一)
    jupyter notebook 安装代码提示功能
    解决matplotlib不显示中文的问题
    前端生成二维码并下载(PC端)
    XSS绕过常见方式
    JWT的安全问题
  • 原文地址:https://www.cnblogs.com/winyh/p/7927470.html
Copyright © 2011-2022 走看看