$.ajax上传图片


$.validator.setDefaults({
	submitHandler : function() {
		// save();
	}
});
function save() {

	var formData = new FormData();
	formData.append('pic', $('#file')[0].files[0]); // 添加图片信息的参数
	formData.append("name", $("#name").val());
	formData.append("description", $("#description").val());
	$.ajax({
		url : "//save",
		type : "post",
		dataType : "json",
		cache : false,
		data : formData, // 你的formid
		processData : false,
		contentType : false,
		success : function(data) {
			if (data.code == 0) {
				parent.layer.msg("操作成功");
				parent.reLoad();
				var index = parent.layer.getFrameIndex(window.name);
				parent.layer.close(index);
			} else {
				parent.layer.alert(data.msg)
			}
		}
	});
}

服务端源码:

/**
	 * 保存专辑
	 */
	@ResponseBody
	@RequestMapping("/save")
	public R save(AlbumDO album) {
		if (Constant.DEMO_ACCOUNT.equals(getUsername())) {
			return R.error(1, "演示系统不允许修改,完整体验请部署程序");
		}
		MultipartFile file=album.getPic();
		if(file!=null){
			//将图片保存下来
			String fileName = file.getOriginalFilename();
			album.setPicOld(fileName);
			String newName = FileUtil.renameToUUID(fileName);
			album.setPicNew(newName);
			try {
				FileUtil.uploadFile(file.getBytes(), bootdoConfig.getUploadPath(), newName);
				System.out.println("上传图片成功!!!");
			} catch (Exception e) {
				return R.error();
			}
		}

 

FR:徐海涛(hunk Xu)
QQ技术交流群:386476712

你可能感兴趣的:(HTML5)