node.js 用户上传图片到服务器

来源:互联网 发布:emlog源码下载 编辑:程序博客网 时间:2024/05/16 12:46

第一:介绍一下node.js

   我是做java后台开发,之前对node.js 不太了解偏偏这个家公司却用了这们新技术,所以短时间内去了解了一下。使用了一段时间发现node.js 确实强大,为什么这样说呢?那就简单的跟大家说一下吧,大家都知道加载顺序从上往下执行,等html加载完后才会加载js,这时候js才会跟后台对接接口,然后这中间至少要几秒吧,在用户看来会有缓冲。然而nodejs 解决了这个问题。他在运行这个页面的时候,已经去跟后台的接口对接了然后在绑定到页面上面,浏览器在加载js时候用户已经可以看到数据了。简单介绍到这里。

第二:使用node.js

   搭建node.js 就不在这里介绍了,回归正题介绍上传图片吧。补充一下后台用的框架ssm。 第一步:我们需要在html 页面写一个file按钮控件里面带有一个onchange()事件

然后在js 方法跳转到后台找到控制器里面对应方法


跳转到/user/modifyUserImg方法里面。

这里有一个区别:(1)就是js里面如果是写$.ajax的话是直接跳转到控制器里面的


(2)如果是用了他需要用路由去控制它。第二步:我们要到路由方法里面写一个转发这个接口


这个post路径需要跟js里面要一样的才能找到这个方法,然后下面singleRequest里面的就是对应到控制器里面的方法了。所以这里需要看清楚了。


第三:在接口里面实现上传到服务器代码


SpringMVC 用的是 的MultipartFile来进行文件上传 所以我们首先要配置MultipartResolver:用于处理表单中的file

(1)savePath:代表你要吧图片存储到服务器上面那个文件夹路径

(2)newFile:拼接一个完整路径,最好在测试时候,把路径输出一下查看是否正确。

(3)BufferedOutputStream:缓存输出流。再把这个图片输出到服务器文件下

(4)在吧这个路径返回到js在绑定到img,这样用户在就可以看到自己上传的图片了


如果使用相同框架 不妨可以试试这样,这个比较简单方便。如何多个的话可以试试循环读取这个方法。

原创粉丝点击