JS多图预览、删除、上传(详细)

JS多图上传相比大家都会
但是上传到网页预览的时候,可能会进行筛选,删除一部分
操作file文件想必大家很少有试过吧
下面来说一下完整的实现方法

这里使用的是 formdata 的方式 通过ajax来上传图片

前端代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>




影像上传






	
选择图片
上传

后端代码

//上传功能
@RequestMapping(value="/uplocadImage.do",method=RequestMethod.POST)
@ResponseBody
public boolean uploadImages(@RequestParam MultipartFile[] imgs){
	System.out.println(imgs);
	System.out.println(imgs.length);
	for (int i = 0;i < imgs.length;i++) {
		//得到图片名
		String oldName = imgs[i].getOriginalFilename();// 如apple1.jpg
		System.out.println(oldName);
	}
	return true;
}

 

你可能感兴趣的:(Jquery,JavaScript)