js 前端向服务器端传送文件的经常使用请求方式

在作项目的过程中写到文件上传的功能，想着以前也是踩坑过来的，就在这里总结下本身经常使用的方法吧。咱们如今通常都是经过ajax来搭起先后端数据交互的桥梁，可是你们在作到有文件须要上传的时候就会发现咱们用ajax请求经过json来传参就没法知足咱们需求了，以下图：

那么来讲说我经常使用的两种上传方式吧。

1：使用FormData对象

这种方式即不用引入第三方上传插件，也仍是经过ajax的形式来上传，这是我用的最多的了

2：使用form表单

这种方式是最简单明了的，直接用表单提交。记得添加enctype属性哟，这个属性是指定form表单在向服务器提交以前，对表单数据如何进行编码。 文件域中的name="file"属性的值，须要和后台接收的对象名一致，否则接收不到的，表单提交有个缺点就是提交以后会刷新页面，若是提交完只是须要部分刷新页面的话建议使用方法一，若是是须要所有刷新的，那就随意咯，哪一个顺眼用哪一个。