表单中上传文件！

Posted 2021-02-13 ycxqdkf

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

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

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

 

 

1. new FormData();

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

 

注意：1.body：formData

不能是其他格式！如：body:{file:formData}是拿不到文件数据的！

2.‘Content-Type‘: ‘multipart/form-data‘,

 

 

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‘,

headers: {

‘Content-Type‘: ‘multipart/form-data‘,

Authorization: localStorage.getItem(‘priceReport‘)

},

mode: ‘cors‘,

credentials: ‘include‘,

body: formData

})