常用代码与插件 - Ajax上传插件 ¶

• 作者：KK

• 发表日期：2017.6.23

点击下载

用法：

$('你的按钮').AjaxUpload({
	uploadUrl : '上传地址',
	fileKey : '文件的字段名,后端的$_FILES[这个键]',
	callback : function(aResult, file, url){
		console.log(aResult);	//后端处理完上传响应的内容
	}
});


//实例：
$('#btnUpload').AjaxUpload({
	uploadUrl : '/upload.do',
	fileKey : 'profile',
	callback : function(aResult, file, url){
		console.log(aResult);	//后端处理完上传响应的内容
		
		$('#headImg').src(aResult.profile_url); //后端可以回传一个上传后的访问地址让前端呈现，传不传看需求吧
		//或
		$('#headImg').src(url); //也可以直接用这个参数，不是后端传的，是浏览器转换出来的临时数据内存，暂时这么理解吧，但建议确认服务端上传成功了才呈现
	}
});

当点击按钮时就会弹出文件选择框，选择文件后就会地进行上传操作了