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});
				}
		});
    });

  

原文地址:https://www.cnblogs.com/xiaogou/p/11659857.html

时间: 2024-10-13 05:03:21

laravel框架里用jq实现ajax图片上传的相关文章

ajax图片上传(asp.net +jquery+ashx)

一.建立Default.aspx页面 [csharp] view plain copy <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

自己动手打造ajax图片上传

今天笔者需要一款图片上传插件,但是网上没有提供一款符合自己需求且好用的.于是就自己动手写了一个. 方法1,仅使用jquery代码,不用第三方插件.代码如下 <p> <label>上传图片</label> <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" /&g

Ajax 图片上传

废话不说;直接上代码: 你懂得: ,导入js . <script type="text/javascript"     src="${pageContext.request.contextPath}/cmsui/javascript/jquery.js"></script> <script type="text/javascript"     src="${pageContext.request.conte

[项目构建 五]babasport ajax图片上传及FastDFS入门案例.

今天来开始写图片上传的功能, 现在的图片上传都讲求 上传完成后立刻回显且页面不刷新, 这里到底是怎么做的呢? 当然是借助于ajax了, 但是ajax又不能提交表单, 这里我们还要借助一个插件: jquery.form.js剩下的一个是FastDFS, 那么什么是FastDFS呢? FastDFS是一个开源的轻量级分布式文件系统,由跟踪服务器(tracker server).存储服务器(storage server)和客户端(client)三个部分组成,主要解决了海量数据存储问题,特别适合以中小文

ajax图片上传(ajaxfileupload.js插件)

向后台交互方式: 1.form表单提交,action="url" 2.ajax异步提交 区别: form在提交之后无法获得后台的回调参数,只能由后台工作人员控制提交成功之后的路径跳转:优点是可以直接提交文件,如:图片.txt文件等: ajax很好的处理字符格式的提交并获取提交成功之后的回调参数,但是无法提交图片. ajax提交图片只能把图片格式转化为进制流模式 解决方式: 1 <script type="text/javascript" src="j

ajax图片上传,图片异步上传,更新

继承前文:图片上传_ajax上传之实际应用(附上Demo) 直接上源码吧: js源码: /// <reference path="jquery-1.8.3.js" /> /// <reference path="ajaxForm/jquery.form.js" /> /*! * jQuery upload * 用于上传单个文件,上传成功后,返回文件路径. * 本插件依赖jQuery,jquery.form 请在使用时引入依赖的文件 * * D

用Ajax图片上传、预览、修改图片

首选图片的上传和下载并不是很难,但要注意细节. 一,给出前端图片上传的html代码 1.图片上传的控件 <img src="/${res}/images/default.png" alt="" class="backimg"> <form method="post" id="imgform" enctype="multipart/form-data" action=&q

laravel结合七牛实现base64的图片上传

确保传到后台的是纯base64字符串而不是以data开头的 //base64图片上传 public function uploadCompressImg(Request $request) { $base64 = preg_replace("/\s/",'+',$request->input('img')); $img = base64_decode($base64); $disk = \Storage::disk('qiniu'); //使用七牛云上传 $img_name =

ajax图片上传

html <from method="POST" enctype="multipart/form-data" id="aaa" class="banneredit_from"> <p>文件:<input class="banneredit_input" type="file" name="file" id="bbb"