Я использовал приведенный ниже код для отправки формы с загрузкой файла в контроллер backend spring mvc.
function submit() {
var formData = new FormData();
var fileField = document.querySelector("input[type='file']");
formData.append('mail', document.getElementsByName('mail')[0].value);
formData.append('applicationName', 'myapp');
// please remove the attachment if no file attached
formData.append('attachment', fileField.files[0]);
const releaseNotes = [{
type: "java",
overview: "good"
},
{
type: "java2",
overview: "good2"
}]
formData.append('releaseNotes', releaseNotes)
fetch('springapi/addform', {
method: 'POST',
body: formData
})
.then(response => response.json())
.catch(error => console.error('Error:', error))
.then(response => console.log('Success:', JSON.stringify(response)));
}
Контроллер выглядит следующим образом.
@RequestMapping(value = "add", method = RequestMethod.POST)
public @ResponseBody UserInfo save( UserInfo userInfo, HttpServletRequest request) throws RestException {
myService.save(userInfo);
return userInfo;
}
Объект выглядит следующим образом.
public class UserInfo {
private Long ID;
private String mail;
private String applicationName;
private List<ReleaseNote> releaseNotes;
}
Когда я запустил эту демонстрацию, она выдаст следующее исключение.
default message [Failed to convert property value of type 'java.lang.String' to required type 'java.util.List' for property 'releaseNotes'; nested exception is java.lang.IllegalStateException: Cannot convert value of type [java.lang.String] to required type [com.xxx.rest.jpa.entity.ReleaseNote] for property 'releaseNotes[0]': no matching editors or conversion strategy found] (.java:24) in http-bio-8080-exec-1
ps: если нет необходимости использовать fileupload, я могу решить эту проблему с помощью RestControllerи отправьте json в бэкэнд ниже.
fetch(url,
{method: 'post',
headers: {
'Accept': 'application/json',
'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8'},
body: json })
Но так как есть загрузка файла, поэтому я должен использовать FormData вместо передачи json в бэкэнд.Как решить эту проблему?Благодаря.