当前位置: 首页 > 知识库问答 >
问题:

使用AngularJS(Java Config)上传Spring Rest Multipart文件?

乐城
2023-03-14

我在java配置中使用了Spring MVC,并定义了一些rest服务。我使用Spring作为服务器后端,使用AngularJS作为WebFronend。

我想从我的 AngularJS 站点上传一个或两个 CSV 文件到我的Rest服务。我必须如何使用java配置配置Spring才能使其正常工作?我使用了雄猫和一个 Servlet 3 容器。

我的上传Rest服务如下:

@Controller
@RequestMapping("Upload")
@MultipartConfig(fileSizeThreshold=1024*1024*10,    // 10 MB
maxFileSize=1024*1024*50,          // 50 MB
maxRequestSize=1024*1024*100)      // 100 MB
public class UploadController {

    @RequestMapping(value="/upload", method=RequestMethod.GET)
    public @ResponseBody String provideUploadInfo() {
        return "You can upload a file by posting to this same URL.";
    }

    @RequestMapping(value="/upload", method=RequestMethod.POST)
    public @ResponseBody String handleFileUpload(@RequestParam("name") String name, 
            @RequestParam("file") MultipartFile file){
        if (!file.isEmpty()) {
            try {
                byte[] bytes = file.getBytes();
                BufferedOutputStream stream = 
                        new BufferedOutputStream(new FileOutputStream(new File(name + "-uploaded")));
                stream.write(bytes);
                stream.close();
                return "You successfully uploaded " + name + " into " + name + "-uploaded !";
            } catch (Exception e) {
                return "You failed to upload " + name + " => " + e.getMessage();
            }
        } else {
            return "You failed to upload " + name + " because the file was empty.";
        }
    }

}

我需要“StandardServletMultipartResolver”吗?或者其他什么可以让上传工作?如果是这样,我如何使用javaconfig启用多部分上传?我目前的配置如下:

public class WebInitializer extends AbstractAnnotationConfigDispatcherServletInitializer {

    @Override
    protected Class<?>[] getRootConfigClasses() {
        return new Class<?>[]{ PersistenceContext.class,AppConfig.class,SecurityConfig.class }; 
    }

    @Override
    protected Class<?>[] getServletConfigClasses() {
        return new Class<?>[] { WebConfig.class };
    }

    @Override
    protected String[] getServletMappings() {
        return new String[] { "/Spring/*" }; 
    }

    @Override
    protected Filter[] getServletFilters() {

        CharacterEncodingFilter characterEncodingFilter = new CharacterEncodingFilter();
        characterEncodingFilter.setEncoding("UTF-8");

        CorsFilter cf=new CorsFilter();
            MultipartFilter mpf=new MultipartFilter(); //MultipartFilter support
        return new Filter[] {characterEncodingFilter,cf,mpf};

    }




}

和WebConfig:

@Configuration
    @EnableWebMvc
    @ComponentScan(basePackages = { "controller" })
    public class WebConfig extends WebMvcConfigurerAdapter {

       @Bean
public MultipartResolver multipartResolver(){

        return new StandardServletMultipartResolver();
    }

}

和应用程序配置

@Configuration
public class AppConfig {

    @Bean
    public Test getTest(){


        return new Test();
    }
}

上载的示例来自此站点http://spring.io/guides/gs/uploading-files/但他们使用了MultiPartConfigFactory,这是从Spring启动;我能用这个吗?我现在没有使用spring-boot。那么,用我的配置实现多部分上传的最简单方法是什么!?

EDIT2:我在上面的配置中添加了两个东西,新的getServletFilter看起来像这样,我添加了一个MultipartFilter():

@Override
    protected Filter[] getServletFilters() {

        CharacterEncodingFilter characterEncodingFilter = new CharacterEncodingFilter();
        characterEncodingFilter.setEncoding("UTF-8");


        CorsFilter cf=new CorsFilter();

        MultipartFilter mpf=new MultipartFilter(); //MultipartFilter support


        return new Filter[] {characterEncodingFilter,cf,mpf};

    }

在我的WebConfig中,我添加了StandardServletMultipartResolver:

@Bean
public MultipartResolver multipartResolver(){

        return new StandardServletMultipartResolver();
    }

现在我想用这样一个简单的html网站来测试它:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<form method="POST" enctype="multipart/form-data"
        action="http://localhost:8081/project/Spring/Upload/upload">
        File to upload: <input type="file" name="file"><br /> Name: <input
            type="text" name="name"><br /> <br /> <input type="submit"
            value="Upload"> Press here to upload the file!
    </form>

</body>
</html>

但它说“HTTP状态400 - 必需字符串参数'名称'不存在”。为什么名字不存在!?

共有2个答案

商燕七
2023-03-14

>

  • 我有同样的问题,事实证明这是由于标准服务器多部分解决方案。将其更改为组织.springframework.web.多部分.共享资源多部分解决者请参阅堆栈溢出帖子,从我得到此解决方案

    这可能与本文提出的问题无关,但可能有所帮助。打开调试时,我可以在日志中看到这样的调试消息:-"请求已经是一个MultipartHttpServletRequest -如果不是在转发中,这通常是由web.xml中的附加MultipartFilter引起的"

    通过从getServletFilters()中的过滤器数组中删除MultipartFilter来消除此问题MultipartFilter mpf=新的MultipartFilter()

  • 公冶同
    2023-03-14

    如果您使用的是Servlet 3.0,则必须将调度程序servlet配置为也支持multipart。我遇到了与您完全相同的问题。我配置了multipart-resverbean,但我仍然遇到了问题。只需将以下行添加到您的应用程序初始化程序类(扩展WebApplication ationLaunalizer的类):

    dispatcher.setMultipartConfig(
            new MultipartConfigElement("/tmp", 25 * 1024 * 1024, 125 * 1024 * 1024, 1 * 1024 * 1024)
    );
    

    调度程序Servlet 注册的一个实例。有关更多详细信息,您可以在此处阅读我对问题的回答。

     类似资料:
    • 这是我的超文本标记语言形式: 我想从本地机器上传图像,并希望读取上传文件的内容。所有这些我都想使用AngularJS来完成。 当我试图打印它是未定义的。

    • 问题内容: 这是我的HTML表单: 我想从本地计算机上传图像,并想读取上传文件的内容。我想使用AngularJS进行的所有操作。 当我尝试打印时,它的值是未定义的。 问题答案: 这里的一些答案建议使用,但不幸的是,这是Internet Explorer 9及更低版本中不可用的浏览器对象。如果需要支持那些较旧的浏览器,则需要使用或使用Flash 的备份策略。 已经有许多Angular.js模块可以执

    • 问题内容: 我需要使用Laravel 5.1作为后端将图像和视频文件上传到Angular应用程序中的服务器。所有Ajax请求都需要首先发送到Laravel控制器,并且我们在这里有代码说明文件到达那里后如何处理。以前,我们已经完成了普通的HTML表单以将文件上传提交到控制器,但是在这种情况下,我们需要避免刷新表单的页面,因此我尝试通过Angular在Ajax中进行尝试。 我需要将以前通过HTML表单

    • 问题内容: 我正在使用AngularJS与Web服务进行交互,用于提取公开的各种实体。其中一些实体是图像,因此我需要能够使用“对象” 的动作在同一请求中发送二进制数据和文本字段。 如何在单个请求中使用AngularJS的服务发送数据并将图像上传到宁静的Web服务? 问题答案: 我进行了无数次搜索,尽管可能会错过它,但找不到该问题的解决方案:使用$ resource操作上传文件。 让我们举个例子:R

    • 问题内容: 由于我是AngularJS的新手,所以我不知道如何使用AngularJS在MVC中上传文件。我正在尝试上传一些没有任何特定类型或扩展名的文件,但失败了。 我创建了一个JavaScript文件,该文件具有- 这是serviceJS- 这是控制器部分- 并且,在查看页面中, 它在控制器中将 myFile 设为未定义。我无法调试。 提前致谢。 问题答案: 您不能将绑定到变量。您将需要创建一个

    • 我已经用angularjs做了一个上传文件的脚本。文件被成功上传到文件夹,但我的问题是,当从队列中删除一个文件时,它不会从文件夹中删除文件,有人知道如何解除关联或删除文件,当我点击删除文件夹时,我正在使用角上传文件。谢谢