SSM+Ajax 实现上传实例(包含文件和其他属性)

    xiaoxiao2021-03-25  195

    ********************************** 提交文件类的 @RequestMapping (value = "/uploadFileAjax" ) @ResponseBody public Model uploadFiles( @ModelAttribute ( "CFlie" ) CFile cFile, Model model) { try { System. out .println( "====" +cFile.getFileName()); for ( int i = 0 ;i<cFile.getFile(). length ;i++){ String filePath = request .getSession().getServletContext().getRealPath( "/" ) + "/upload/" + cFile.getFile()[i].getOriginalFilename(); cFile.getFile()[i].transferTo( new File(filePath)); } } catch (Exception e) { } return model; } ********************************** 提交对象 public class CFile { private String fileName ; private MultipartFile[] file ; public String getFileName() { return fileName ; } public void setFileName(String fileName) { this . fileName = fileName; } public MultipartFile[] getFile() { return file ; } public void setFile(MultipartFile[] file) { this . file = file; } } *********************************** 表单(引用bootstrap) < form action= "/uploadFileAjax" method= "post" enctype= "multipart/form-data" id= "uploadFileForm" modelAttribute= "CFile" > < div class= "box-body" > < div class= "row " > < div id= "message" class= "success" > ${ message } </ div > < h5 class= "box-info col-xs-2" style= " width : 8 % " > 文档: </ h5 > < input type= "text" name= "fileName" style= " width : 20 % " class= "form-control col-xs-2" /> < input type= "file" name= "file" style= " width : 20 % " class= "form-control col-xs-2" /> < input type= "file" name= "file" style= " width : 20 % " class= "form-control col-xs-2" /> < input type= "button" οnclick= " uploadFile () " class= "btn-primary" style= " margin-top : 10 px ; margin-left : 20 px " value= "上传文件" > </ div > </ div > </ form > ************************************* ajax function uploadFile () { alert ( "ajax upload file" ) var formData = new FormData ( $ ( "#uploadFileForm" )[ 0 ]); $ . ajax ({ type : "POST" , url : "/uploadFileAjax" , data : formData , async : false , cache : false , contentType : false , processData : false , success : function (data) { } } ); }
    转载请注明原文地址: https://ju.6miu.com/read-582.html

    最新回复(0)