表单中上传文件！

form如何把文件和表单数据一起上传：
www.cnblogs.com/zzgblog/p/5417969.html

http://yunzhu.iteye.com/blog/2177923

https://juejin.im/entry/590ad4682f301e00582a78b5

 

前端使用FormData实现上传文件（上传头像实例）
http://blog.csdn.net/jekxi/article/details/52049939

 

1. new FormData();

2.把其他表单数据也append进去，不过格式需要是字符串！

 

 

注意：

1.body：formData。 formData只能放在body对应，不能是其他格式！如：body:{file:formData}是拿不到文件数据的！

2.文件上传不要设置Content-Type! 默认会设置上'Content-Type': 'multipart/form-data'！，否则后端会拿不到数据。 据说有时候也不能设置header?

 

 

const formData = new FormData();

const filefunction = values.add_function.file.originFileObj;

const fileadvancedfunction =

values.add_advanced_function.file.originFileObj;

const filedata = values.add_data.file.originFileObj;

formData.append('functionFile', filefunction);

formData.append('advancedFunctionFile', fileadvancedfunction);

formData.append('dataFile', filedata);

 

formData.append('Action', 'AddServiceCatalog');

formData.append(

'Params',

JSON.stringify({

VersionID: values.add_TCEVersion,

FirstLevel: values.add_FirstLevel,

SoftwareSN: values.add_SoftwareSN,

SecondLevel: values.add_SecondLevel,

SoftwareDescription: values.add_SoftwareDescription,

Oriented: values.add_Oriented,

TceProductPrincipal: values.add_TceProductPrincipal,

VerticalProductPrincipal: values.add_VerticalProductPrincipal,

Module: this.props.Module

})

);

 

fetch('http://134.175.205.70:8888/quoted/price', {

method: 'POST',

mode: 'cors',

credentials: 'include',

body: formData

})