使用Spring MVC的Dropzone.js - 文件上传不起作用

时间:2016-01-12 11:44:49

标签: javascript html spring dropzone.js

我正在使用Spring MVC创建一个基于html的网站。 我有一个上传功能,可以使用普通的html输入type = file。 现在我想要一个拖累和放大器drop function并尝试使用dropzone.js。 我认为问题是,dropzone没有将文件路径传递给html输入类型=文件框。我怎样才能实现这一目标?我想只使用dropzone来获取文件路径。上传仍应使用表单子目录。

在java中上传函数:

    @RequestMapping(value = "/upload", method = RequestMethod.POST)
public ModelAndView handleFormUpload(@RequestParam("name") String name, 
        @RequestParam("file1") MultipartFile file1, @RequestParam("file2")     MultipartFile file2)
        throws IOException, SerialException, SQLException {
    if (!file1.isEmpty() || !file2.isEmpty()) {
        byte[] bytes1 = file1.getBytes();
        byte[] bytes2 = file2.getBytes();
        patientenService.uploadPDF(createdId, bytes1, bytes2);
        ModelAndView modelAndView = new ModelAndView("index");
        return modelAndView;
    }
    ModelAndView modelAndView = new ModelAndView("uploadfailed");
    return modelAndView;
}
html-file中的

dropzone:

<form class="dropzone" id="avatar-dropzone" method="post"
        action="/upload" enctype="multipart/form-data">

        <img id="dropzone-img" src="../image/01erstellen/arrow68.png" /> <input
            id="inputname" type="text" name="name" /> <input id="inputfile1"
            type="file" name="file1" /> <input id="inputfile2" type="file"
            name="file2" /> <input id="btn-abschicken" type="submit"
            value="Hochladen" />
    </form>

dropzone javascript:

<script>
$(document).ready(function() {
    Dropzone.autoDiscover = false;
    var myDropzone = new Dropzone($("#avatar-dropzone"), {url: "/file/post"});
    Dropzone.options.myAwesomeDropzone = {
            paramName: "file1", // The name that will be used to transfer the file
            maxFilesize: 10, // MB

    });

我希望有人可以帮助我,谢谢!

0 个答案:

没有答案