使用jquery-form的FormData上传文件带参数

使用jquery-form的FormData上传文件带参数,第1张

html示例内容如下:

直接使用FormData提交文件的话,不带参数可以用下面的方法

FormData的数据会自动组织成multipart/form-data形式的,因此不需要JQuery进行转化了,因此contentType,processData为false。

但是上面这种方法不适合带参数的,如果上传还要求带上参数的话,可以使用如下方法:

这种方法带上参数了,而文件的参数名为<input type="file" name="file">中定义的name名,要修改参数名只需要在这里name名。

首先要声明一点,本文讲的是使用node上传文件到远程服务器的,比如说我们可以使用node上传图片到CDN。如果小伙伴想看的是node服务如何接收客户端上传的文件,那么你不用往下看了。

在前端项目中,我们常用的办法是使用 input 元素选择文件,然后构建 js FormData类的实例,并调用append方法将文件添加到FormData实例中,然后使用ajax库发起ajax请求上传文件即可。

那么在node里面有什么不一样呢?

完成以上工作就可以使用ajax库上传文件到服务端了!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11644090.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存