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

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

html示例内容如下:

直接使用FormData提交文件悄顷圆的话,不带参数可以用下面的方法:乎茄

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

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

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

定义一个收集文件的数组

点皮悉击上传文件按钮,底部d出 (相机、图库)来选择

显示举返图片

使用 FormData() 上传燃答乎文件

前端文件上传可孙虚销以通过使用FormData对象来携带额外的参数。FormData对象是一个简单的API,它允许开发者将表单字誉雹段和文件添加到请求则游中,并在服务器端进行处理。例如,我们可以使用FormData.append()方法向请求中添加额外的字段:

formdata.append('name', 'value')


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

原文地址: http://outofmemory.cn/tougao/8226801.html

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

发表评论

登录后才能评论

评论列表(0条)

保存