我在使用带有RepositoryRestMVC功能的Spring 4.0.5的ExtJS上传文件时遇到问题。
简单地说,我有一个由ExtJS创建的表单,并将POST请求提交给Spring MVC后端。
我使用java配置设置了Spring,没有xml文件。
这是我的ApplicationInitializer。 Spring 课程:
public class ApplicationInitializer extends AbstractAnnotationConfigDispatcherServletInitializer {
private int maxUploadSizeInMb = 5 * 1024 * 1024; // 5 MB
@Override
protected Class<?>[] getRootConfigClasses() {
return new Class<?>[]{RootConfig.class};
}
@Override
protected Class<?>[] getServletConfigClasses() {
return new Class<?>[]{};
}
@Override
protected String[] getServletMappings() {
return new String[]{"/"};
}
@Override
protected Filter[] getServletFilters() {
return new Filter[]{new HiddenHttpMethodFilter(), new MultipartFilter()};
}
@Override
protected void customizeRegistration(ServletRegistration.Dynamic registration) {
File uploadDirectory = RootConfig.APP_STORAGE_UPLOADS_DIRECTORY;
MultipartConfigElement multipartConfigElement = new MultipartConfigElement(
uploadDirectory.getAbsolutePath(), maxUploadSizeInMb,
maxUploadSizeInMb * 2, maxUploadSizeInMb / 2);
registration.setMultipartConfig(multipartConfigElement);
}
}
这是我的WebMvcConfig.class:
@Configuration
@EnableWebMvc
@ComponentScan(basePackages = "com.app.controller")
public class WebMvcConfig extends WebMvcConfigurerAdapter {
@Override
public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
configurer.enable();
}
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**").addResourceLocations("/resources/").setCachePeriod(31556926);
registry.addResourceHandler("/js/**").addResourceLocations("/js/");
}
@Bean
public InternalResourceViewResolver getInternalResourceViewResolver() {
InternalResourceViewResolver resolver = new InternalResourceViewResolver();
resolver.setPrefix("/WEB-INF/");
resolver.setSuffix(".html");
return resolver;
}
@Bean
public CommonsMultipartResolver multipartResolver() {
System.out.println("===========>>> DispatcherCOntext multipartResolver Called:");
CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver();
multipartResolver.setMaxUploadSize(7000000);
return multipartResolver;
}
}
这是FileUploadController.class:
@Controller
public class FileUploadController {
private final Logger LOG = LoggerFactory.getLogger(getClass());
@RequestMapping(value="/user/{id}/photo", method=RequestMethod.POST)
public @ResponseBody List<UploadedFile> upload(
@RequestParam("file") MultipartFile file) {
// Do custom steps here
// i.e. Save the file to a temporary location or database
LOG.debug("Writing file to disk...done");
List<UploadedFile> uploadedFiles = new ArrayList<UploadedFile>();
UploadedFile u = new UploadedFile(file.getOriginalFilename(),
Long.valueOf(file.getSize()).intValue(),
"http://localhost:8080/AppPhoto/resources/"+file.getOriginalFilename());
uploadedFiles.add(u);
return uploadedFiles;
}
}
已上载文件。class看起来是这样的:
public class UploadedFile implements Serializable {
private static final long serialVersionUID = -38331060124340967L;
private String name;
private Integer size;
private String url;
private String thumbnail_url;
private String delete_url;
private String delete_type;
public UploadedFile() {
super();
}
public UploadedFile(String name, Integer size, String url) {
super();
this.name = name;
this.size = size;
this.url = url;
}
public UploadedFile(String name, Integer size, String url,
String thumbnail_url, String delete_url, String delete_type) {
super();
this.name = name;
this.size = size;
this.url = url;
this.thumbnail_url = thumbnail_url;
this.delete_url = delete_url;
this.delete_type = delete_type;
}
//getter and setters
@Override
public String toString() {
return "UploadedFile [name=" + name + ", size=" + size + ", url=" + url
+ ", thumbnail_url=" + thumbnail_url + ", delete_url="
+ delete_url + ", delete_type=" + delete_type + "]";
}
}
首先看一下ExtJS上传表单如下:
Ext.define('FHR.view.MyForm11', {
extend: 'Ext.form.Panel',
requires: [
'Ext.form.field.File',
'Ext.toolbar.Toolbar',
'Ext.button.Button'
],
title: 'My Form',
url:'user/1/photo',
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'filefield',
anchor: '100%',
fieldLabel: 'Profile Photo',
name: 'file',
allowBlank: false
}
],
dockedItems: [
{
xtype: 'toolbar',
dock: 'bottom',
items: [
{
xtype: 'button',
handler: function(button, e) {
var form = button.up('form').getForm();
if (form.isValid()) {
form.submit({
success: function(form, action) {
// show message alert box
},
failure: function(form, action) {
// show message alert box
}
});
} else { // display error alert if the data is invalid
// show message alert box
}
},
text: 'Upload'
}
]
}
]
});
这就是问题所在
提交POST请求时,我收到400错误请求响应
所需的MultipartFile参数“file”不存在
任何形式的协助都将不胜感激。
愿原力与你同在
1条答案
按热度按时间lb3vh1jj1#
我去掉了ApplicationInitializer类中的Upload配置,而是创建了一个Upload xml config……虽然只想使用Java config,但它显然还是有效的。在下面查找上传配置xml