javascript - 将包含文件和字符串值的对象追加到 FormData - JS

标签 javascript multipartform-data form-data

我正在寻找一种解决方案,将包含文件和字符串值的对象附加到 FormData 中并将其发送到服务器(Django Rest FrameWork 的 MultiPartParser)。

控制台.log(文件) enter image description here

现在我的代码是:

Fd.append('file_uploads', JSON.stringify({ 'file': file, 'order_num': 1 }) )

当我console.log这个表单数据值时,它返回{"file":{},"order_num":1} 。您可以看到文件值为空

我尝试删除 JSON.stringify :

Fd.append('file_uploads', { 'file': file, 'order_num': 1 } )

当我console.log这个表单数据值时,它返回[object, object] .

我想要的结果是

{"file":<file_object>,"order_num":1}

最佳答案

您不能使用 FormData 附加文件对象和键值。尝试像这样的替代解决方案

即)我将添加带有文件名的 order_no ,在 python 中,您可以使用字符串 split 函数来获取 order_no

Fd.append('file_uploads', file, 'your_filename_here_and_order_no');

关于javascript - 将包含文件和字符串值的对象追加到 FormData - JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51721680/

相关文章:

javascript - Fabricjs 在 LoadfromJson 之后应用 ClipTo

javascript - React - 当输入更改时如何防止重新渲染所有输入字段

javascript - 如何在 webpack 中运行 run --history-api-fallback

javascript - HTML 中的动态下拉菜单错误

javascript - 将 JS 对象转换为表单数据

javascript - Angular 2 - 表单数据

javascript - 对于 html 表单发布请求,formdata 对象为空

javascript - 部署时,FormData 不适用于使用 Redux 和 AXIOS 在 React 项目中上传文件

ajax - JSF:使用 multipart/form-data 和 AJAX 时出现奇怪的 iframe

linux - CURL 多部分表单发布 - 发送结束前出现 HTTP 错误,停止发送