没有合适的资源?快使用搜索试试~ 我知道了~
nginx入门和上传图片1
资源推荐
资源详情
资源评论
1
1 京淘项目第六天
1.1 文件上传
1.1.1 入门案例
1.1.1.1 页面编辑
<body>
<h1>实现文件长传</h1>
<!--enctype="开启多媒体标签" -->
<form action="http://localhost:8091/file" method="post"
enctype="multipart/form-data">
<input name="fileImage" type="file" />
<input type="submit" value="
提交
"/>
</form>
</body>
1.1.1.2 入门案例
@Controller
public class FileController {
/**
* 当用户上传完成时重定向到上传页面
* 思路:
* 1.获取用户文件信息 包含文件名称
* 2.指定文件上传路径 if
2
* 3.实现文件上传
* @param fileImage
* @return
* @throws IOException
* @throws IllegalStateException
*/
@RequestMapping("/file")
public String file(MultipartFile fileImage) throws
IllegalStateException, IOException {
//1.获取 input 标签中的 name 属性
String inputName = fileImage.getName();
System.out.println("1:"+inputName);
//2.获取文件名称
String fileName = fileImage.getOriginalFilename();
//3.定义文件夹路径
File fileDir = new File("D:/1-jt/image");
if(!fileDir.exists()) {
//创建文件夹
fileDir.mkdirs();
}
//4.实现文件上传
fileImage.transferTo(new File("D:/1-
jt/image/"+fileName));
return "redirect:/file.jsp";
}
}
1.1.2 关于文件上传小结
1. 开启多媒体标签
enctype="multipart/form-data"
2. 使用工具 API 进行接收
MultipartFile 参数名称 必须与 input 标签中的 name 属性一致.
3. 实现文件上传
3
fileImage.transferTo(new File("D:/1-jt/image/"+fileName));
1.2 商品图片上传
1.2.1 页面分析
1.2.1.1 页面 url
Dir=image 表示上传为图片.
1.2.1.2 页面 JS
kingEditorParams : {
filePostName : "uploadFile",
uploadJson : '/pic/upload',
dir : "image"
},
1.2.1.3 文件上传回显数据要求
{"error":0,"url":"图片的保存路径","width":图片的宽度,"height":图
片的高度}
参数说明:
4
1.error 表示文件上传是否正确 0 表示正常 1 表示失败
2.url 该路径为虚拟的 url 路径.
3.width/height 宽和高
1.2.1.4 定义 VO 对象
@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class ImageVO implements Serializable{
private Integer error;
private String url;
private Integer width;
private Integer height;
}
1.2.2 编辑 Controller
//实现文件上传
@RequestMapping("/pic/upload")
@ResponseBody
public ImageVO uploadFile(MultipartFile uploadFile) {
return fileService.updateFile(uploadFile);
}
1.2.3 正则表达式
元字
符
描述
\
将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如,“\\n”匹配\n。“\n”匹配
换行符。序列“\\”匹配“\”而“\(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。
剩余18页未读,继续阅读
资源评论
df595420469
- 粉丝: 23
- 资源: 310
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功