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'=>'发布失败!'
]);
} }
laravel + html ajax 多表单字段和图片一起上传的更多相关文章
- springboot-启动一段时间图片不能上传
		
问题:[B2B]后台服务.PC服务.APP服务.仓储服务,启动一段时间图片不能上传. 原因:/tmp下以tomcat开头的目录被清理了. 处理方案:1.找到涉及服务器 注:后台服务.PC服务.APP服 ...
 - ajax+XMLHttpRequest里的FormData实现图片异步上传
		
发这篇博客的时候我是自己在研究这个XMLHttpRequest请求,在别人的博客上面知道XMLHttpRequest新加了一个FormData的东西,好像现在APP请求后台也有用这种方式的吧. 别的不 ...
 - 如何设置织梦cms自定义表单字段为必填项
		
1.编辑器打开\plus\diy.php2.在40行左右找到此行代码:$dede_fields = empty($dede_fields) ? '' : trim($dede_fields);3.在这 ...
 - 嵌入式表单字段中的内容可能被server更改以删除不安全的内容。是否要又一次载入您的页面以查看保存结果?
		
嵌入式表单字段中的内容可能被server更改以删除不安全的内容.是否要又一次载入您的页面以查看保存结果? 近期有朋友问到,当他在SharePoint首页上进行编辑时.插入一段代码. 完 ...
 - Spring Boot 2 + Thymeleaf:表单字段绑定、表单提交处理
		
Spring Boot中Thymeleaf对表单处理的一些用法:(1)使用th:field属性:进行表单字段绑定(2)使用ids对象:一般用于lable配合radio或checkbox使用(3)表单提 ...
 - Yii2表单提交(带文件上传)
		
今天写一个php的表单提交接口,除了基本的字符串数据,还带文件上传,不用说前端form标签内应该有这些属性 <form enctype="multipart/form-data&quo ...
 - 使用ajax上传图片,并且使用canvas实现出上传进度效果
		
前端代码: <%@ page contentType="text/html;charset=UTF-8" language="java" %> &l ...
 - c# 模拟表单提交,post form 上传文件、大数据内容
		
表单提交协议规定:要先将 HTTP 要求的 Content-Type 设为 multipart/form-data,而且要设定一个 boundary 参数,这个参数是由应用程序自行产生,它会用来识别每 ...
 - MVC下form表单一次上传多种类型的图片(每种类型的图片可以上传多张)
		
form表单一次上传多种类型的图片(每种类型的图片可以上传多张) controller中的action方法 public ActionResult UploadImage( ) { in ...
 
随机推荐
- 关于微信的jsdk的若干亲身实践之小结
			
前言: 业务来源:自主研发的手机app软件有分享文章到微信或者QQ以及微博的功能,而在微信中再次点击分享按钮的时候,情况就出现的不可把控了: 文章显示的缩略图不能正常显示:文章的简介不能显示……而我们 ...
 - django 文档
			
django 学习文档 https://yiyibooks.cn/xx/django_182/index.html
 - C/C++对Lu系统内置动态对象进行运算符重载
			
欢迎访问Lu程序设计 C/C++对Lu系统内置动态对象进行运算符重载 1 说明 要演示本文的例子,你必须下载Lu32脚本系统.本文的例子需要lu32.dll.lu32.lib.C格式的头文件lu32. ...
 - 关于font-size对垂直居中影响的问题
			
背景:三个inline-block元素,其中两个内容为空,另外一个包含文字,设置文字的font-size之后,原本垂直居中的三个inline-block的元素,会变的不再垂直居中. 原因: 当设置了f ...
 - WEB安全第六篇--千里之外奇袭客户端:XSS和HTML注入
			
零.前言 最近做专心web安全有一段时间了,但是目测后面的活会有些复杂,涉及到更多的中间件.底层安全.漏洞研究与安全建设等越来越复杂的东东,所以在这里想写一个系列关于web安全基础以及一些讨巧的pay ...
 - javascript构造函数及原型对象
			
/** @ javascript中没有类的概念,所以基在对象创建方面与面向对象语言有所不同* @ 对象创建的常用方法及各自的局限性* @ 使用Object或对象字面量创建对象* @ 工厂模式创建对象* ...
 - Git学习笔记(SourceTree克隆、提交、推送、拉取等)
			
学习一下sourcetree使用git 目录 一 克隆Clone 二 提交Commit和推送Push 三 拉取pull和获取fetch 四 版本回退reset 五 检出checkout 六 标签Tag ...
 - thinkphp---定义前台视图模板
			
具体可以参考: http://document.thinkphp.cn/manual_3_2.html#template_define 方法一:在入口文件中定义 // 定义模板路径 define(&q ...
 - thinkphp---数据表更新字段开发模式可更新生产模式不能更新!
			
这里认为是坑的主要原因:这个问题我调试了一天,才发现是缓存的问题. 问题原因:在做一thinkphp的项目,在后期要进行修改.修改的时候,数据表里面添加了两个字段,然后前台修改模板,将添加的字段提交上 ...
 - RPM命令详解(安装、升级、卸载)
			
rpm 常用命令1.安装一个包 # rpm -ivh 2.升级一个包 # rpm -Uvh 3.卸载一个包 # rpm -e 4.安装参数 --force 即使覆盖属于其它包的文件也强迫安装 --no ...