春天mvc& DWR - 上传文件时需要帮助实现进度条

时间:2011-11-15 14:40:59

标签: ajax spring spring-mvc dwr

我有一个带有spring mvc 3的经典多部分表单,工作正常:我可以将一个文件上传到一个带有2个参数(名称和描述)的控制器。 我的控制器获取MultipartFile文件和参数,并使用DAO类放入数据库。

我的目标:只需在上传文件时向我的表单添加进度条!

任何人都可以通过告诉我不同​​的步骤来帮助我。 如果可能的话,我更喜欢用DWR来公开ProgressListener方法。 (为MultipartResolver实现ProgressListener,将javascript添加到我的表单中)

任何帮助都会得到赞赏!

这是我的表格:(ajoutDocumentRapport.jsp)

<form:form method="post" action="save.html" commandName="documentFormBean" enctype="multipart/form-data">
<input type="hidden" name="depot" value="${depot.id}"/>
<table>
<tr>
    <td><form:label path="name">Name of file</form:label></td>
    <td><form:input path="name" /></td> 
    <td><form:errors path="name" cssClass="error"/></td>
</tr>
<tr>
    <td><form:label path="description">Description of file</form:label></td>
    <td><form:textarea path="description" /></td>
    <td><form:errors path="description" cssClass="error"/></td>
</tr>
<tr>
    <td><form:label path="content">Document</form:label></td>
    <td><input type="file" name="file" id="file"></input></td>
</tr>
<tr>
    <td colspan="2">
        <input type="submit" value="add Document."/>
    </td>
</tr>
</table>    
</form:form>

这是我的控制器:

@RequestMapping(value = "/save", method = RequestMethod.POST)
    public ModelAndView save(HttpServletRequest request,
        @Valid DocumentFormBean documentFormBean,BindingResult result,
        @RequestParam("file") MultipartFile file) {
    Map<String,Object> map = new HashMap<String, Object>();

    map.put("documentFormBean", new DocumentFormBean());
    map.put("documentList",documentDao.findAllForaDepot(Long.parseLong((String) request.getParameter("depot"))));
    map.put("depot", depotDao.find(Long.parseLong((String) request.getParameter("depot"))));

    if (result.hasErrors()) {
        map.put("errors", result);
        return new ModelAndView("ajoutDocumentsRapport", map);
    } else{

    try {
        Blob blob = Hibernate.createBlob(file.getInputStream());
        Document newDocument = new Document();
        newDocument.setTitle(documentFormBean.getName());
        newDocument.setDescription(documentFormBean.getDescription());
        newDocument.setFilename(documentFormBean.getName());
        newDocument.setContentType(file.getContentType());
        newDocument.setFilename(file.getOriginalFilename());
        newDocument.setContent(blob);
        newDocument.setDepot(depotDao.find(Long.parseLong((String) request.getParameter("depot"))));
        documentDao.save(newDocument);
        map.put("documentList",     documentDao.findAllForaDepot(Long.parseLong((String) request.getParameter("depot"))));
        } catch (IOException e) {
        e.printStackTrace();
    }

    return new ModelAndView("ajoutDocumentsRapport",map);
    }
}

1 个答案:

答案 0 :(得分:1)

检查我使用的此解决方案: 使用Spring MVC 3.1和JQuery使其工作

http://abambenjamin.blogspot.mx/2012/04/ajax-jquery-html5-progressbar-spring.html