nodejs利用ajax实现网页无刷新上传图片实例代码(node.js和ajax的顺序)

推荐整理分享nodejs利用ajax实现网页无刷新上传图片实例代码(node.js和ajax的顺序)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:nodejs调用java,node ajax请求,nodejs xhr,nodejs in action,nodejs in action,node ajax,node ajax,nodejs使用axios,内容如对您有帮助，希望把文章链接给更多的朋友！

通常情况下上传图片是要通过提交form表单来实现的，但是这又不可避免的产生了网页转。

利用ajax技术和FormData()对象可以有效的解决这个问题

废话不多说 直接上关键代码：

html部分

这里注意input标签的 type="file"

js部分：

nodejs部分：

multer是express官方推荐的文件上传中间件。

文件上传有以下方法

同时还提供了混合上传，比如A类文件1个，B类文件2个。官方API有详细说明。

file为上传字段名称，当使用form表单submit方式上传时，必须与表单上传的name属性保持一致。

对上传文件大小限制，名称限制等均可在limits中加上，具体可加属性，请参考官方api。

multer官方文档