前端页面如何实现图片和附件上传功能

1. 首先在视图层页面定义button按钮的id属性
2. 在js代码或者js文件中定义button的click事件
3. click中定义函数调用ajax方法，ajax方法中的url返回控制器层的某方法（springMVC下通过@RequestMapping注解的value实现）以实现相应的上传功能。type: 请求方法。data: 页面显示的数据。ajax方法上传成功后在success中调用函数实现删除缓存，弹出成功提示框以及更新页面等操作。
   
4. controller层调用services层方法——>dto层——>与数据库交互,实现将文本数据保存在数据库中（mapping.xml文件中插入一条数据）。图片与附件则通过controller层定义函数将他们存储在本地服务器特定目录下。

总结：个人感觉学习前端可能要记住得东西比较多，比如各种事件啊，回调方法啊，标签属性啊，各种各样的css，js模板啊，所以我们才会看到前端那么多精美的页面（膜拜大佬），学习后端感觉就是逻辑上绕来绕去的，把逻辑理清了，把思路打开了，把思维发散了，应该会比较好办了，哈哈！！！