ajax数据和图像上传 laravel

2022-05-08 javascript

以下示例是关于Javascript中包含ajax数据和图像上传 laravel用法的示例代码，想了解ajax数据和图像上传 laravel的具体用法？ajax数据和图像上传 laravel怎么用？ajax数据和图像上传 laravel使用的例子？那么可以参考以下相关源代码片段来学习它的具体使用方法。

[英]：ajax data and image upload laravel源码类型：Javascript

<form name="data-form" id="data-form" enctype="multipart/form-data">
{{ csrf_field() }}
<input type="file" name="img_thumbnail" class="form-control">
</form>
<script type="text/javascript">
    $(function () {
        $.ajaxSetup({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
        });
       $('body').on('click', '#saveBtn', function(){
            var url;
            var registerForm = $("#data-form");
            var formData = registerForm.serialize();
            $(this).html('saving...');
            $('#saveBtn').attr('disabled',true);

            $.ajax({
                enctype: 'multipart/form-data',
                url: '{{ route('blog.store') }}',
                type:'POST',
                data:formData,
                success:function(data) {
                    console.log(data);
                    if(data.errors) {
                   }
                    if(data.success) {
                    }
                    $('#saveBtn').html('Save Data');
                    $('#saveBtn').attr('disabled',false);
                },
                error: function (data) {
                  console.log('Error:', data);
                  $('#saveBtn').html('Save Data');
              }

            });
        });
 });
    </script>

本文地址：https://www.itbaoku.cn/snippets/785517.html

上一篇：铬的存储在改变

下一篇：gmail的重码

相关教程

Laravel教程

Laravel初学者教程 - 从基本到高级概念的简单简单步骤学习Laravel，其中包括概述，安装，...

FuelPHP教程

FuelPHP初学者教程 - 从基本概念到高级概念，从简单简单的步骤学习FuelPHP，其中包括简介...

Struts 2 教程

Apache Struts 2是一个优雅，可扩展的框架，用于创建企业级Java Web应用程序.该框...

Django教程

Django初学者教程 - 从基本到高级概念的简单简单步骤学习Django，包括基础知识，概述，环境...

Ruby on Rails教程

Ruby on Rails（ROR）初学者教程 - 从基本到高级概念的简单而简单的步骤学习Ruby ...

ASP.Net 教程

ASP.NET有用的资源 - 免费的ASP.NET教程，参考手册和初学者快速指南。从环境设置，基本控...

最新源代码片段分享

在银色，现代或黎明框架上的粘性海...

watsontcp

WooCommerce终点标题

fb_leads_zap

枚举替代

现代化的线索

home_advisor

文档窗口宽度

server.js带有重写

使用Homebrew将PHP更新...

Swiper的示例具有分页圈边界...

截断日志文件

完全禁用评论

打字稿一般信息

不错的vim之路

更改序列化字段时如何更新对象?

Baoperg

统一的属性序列化

通常是header_01

HeaderScrollClas...

HeaderBgClassSwi...

首先，读取循环的总数，例如n，下...

一个数据中的一个数据

每行只有一个数据

jQuery选择器上下文

Shopify排序设置

CEIL功能

地板功能

操作每个像素的canvas2d绘...

摘自https://beebom...

热门代码标签

abap abc actionscript ada apache_conf applescript asciidoc asl assembly assembly_x86 autohotkey basic batchfile c c_cpp cirru clojure coffee coldfusion cpp csharp css d dart delphi diff dockerfile dot ejs elixir elm erlang excel forth fortran gdscript gitignore glsl go golang graphqlschema groovy haml handlebars haskell haxe html html_ruby ini io jade java javascript json jsoniq jsp jsx julia kotlin latex

ajax数据和图像上传 laravel

相关源代码片段分享

相关文章

相关教程