ajax上传文件/图片

前端之家收集整理的这篇文章主要介绍了ajax上传文件/图片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

说明:传递“照片”使用html5的FormData()

示例:


实例:

$admin.on('click','.btnClassName',function() {
	var $form = $(this).parents('form'),params = {
			name: $form.find('input[name="username"]').val(),url: $form.find('input[name="url"]').val()
		};

	if ($.trim(params.name) == '' && $.trim(params.url) == '') {
		alert('姓名、照片至少一项不为空!');
		return false;
	}

	// console.log(params);

	var formData = new FormData();
	formData.append('name',params.name);
	formData.append('url',$form.find('input[name="url"]')[0].files[0]);

	// console.log(formData);

	$.ajax({
		url: '__url__/picSave',type: 'POST',data: formData,dataType: 'json',processData: false,contentType: false
	}).done(function(result) {
		if (result.errcode == 0) {
			alert(decodeURIComponent(result.data));
			window.location.reload();
		} else {
			alert(decodeURIComponent(result.data));
		}
	});

	return false;

});

猜你在找的Ajax相关文章