1
我在使用ExtJS和Spring 4.0.5以及RepositoryRestMVC功能上传文件时出现问题。Spring + ExtJS文件上传必需MultipartFile参数“文件”不存在
简而言之,我有一个由ExtJS创建的表单,并将POST请求提交给Spring MVC后端。
我已经安装Spring使用java配置,没有xml文件。
这里是我的ApplicationInitializer.class春:
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;
}
}
UploadedFile.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参数“文件”不存在
的援助任何形式将不胜感激。
愿原力与你同在
解决您的问题,您可以尝试此解决方案:http://stackoverflow.com/a/25834298/4017037 – stacky
你是怎么最终解决问题了吗? – sina