laravel框架里用jq实现ajax图片上传

Posted 心雨星空

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了laravel框架里用jq实现ajax图片上传相关的知识,希望对你有一定的参考价值。

 
//图片上传 
	$(‘#upload‘).change(function(){
	   var img = document.getElementById("upload").files[0];
	   var form = new FormData();
       form.append("img", img);
	   form.append("_token","{{ csrf_token() }}");
	   console.log(form);
	   $.ajax({
				type: ‘post‘, // 提交方式 get/post
				url: ‘/admin/brand/upload‘, // 需要提交的 url
				data: form,
				processData: false,
                contentType : false,
				success: function(data){
					 console.log(data);
					 layer.msg(‘已添加!‘,{icon:1,time:1000});
					 setTimeout(function(){ 
					window.parent.location.reload();
					var index = parent.layer.getFrameIndex(window.name);
					parent.layer.close(index);
					 },2000);
				},
                error: function(XmlHttpRequest, textStatus, errorThrown){
					layer.msg(‘error!‘,{icon:1,time:1000});
				}
		});
    });

  

以上是关于laravel框架里用jq实现ajax图片上传的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 图片上传使用 ajax 500 内部服务器错误

Laravel 5 Ajax 文件/图像上传

ajax上传文件

使用ajax进行图片上传

jq upload图片上传代码

laravel框架图片上传