`

SpringMVC图片上传

 
阅读更多
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page contentType="text/html; charset=UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>上传照片</title>
<base href="/" target="_self" />
<jsp:directive.include file="/views/common/common_import.jsp" />
<script type="text/javascript">
    $(document).ready(function() {
        $("input[type='file']").change(function(evt) {
            var files = evt.target.files;
            for ( var i = 0, f; f = files[i]; i++) {
                if (!f.type.match('image.*')) {
                    continue;
                }
                var reader = new FileReader();
                reader.onload = (function(theFile) {
                    return function(e) {
                        $("#list img").attr("src", e.target.result); //预览图片的位置                 
                    };
                })(f);
                reader.readAsDataURL(f);
            }
        });
        //提交表单
        $("#uploadForm").ajaxForm(function() {
            window.close();
        });
    });
</script>
</head>
<body>
    <table style="width: 100%;">
        <tr>
            <td align="center"><br />
                <div class="ModelTitleCss">上传照片</div></td>
        </tr>
    </table>
    <br />
    <form id="uploadForm" enctype="multipart/form-data" action="<%=request.getContextPath()%>/pilot/upPhoto.jspx" method="post">
        <span style="padding-left: 15px; color: blue;">请从电脑上选择一张照片</span> <input type="hidden" id="pilotId" name="pilotId" /> &nbsp;&nbsp;&nbsp;&nbsp; <input type="file" id="photo" name="photo" />
        <p></p>
        <div id="list" align="center">
            <img width="125" height="150" />
        </div>
        <p></p>
        <div align="center">
            <input type="submit" id="btm" value="上  传" class="ButCss" />
        </div>
    </form>
</body>
</html>

 

SpringMVC配置

   <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="100000" />
    </bean>

 

Actoin

@ResponseBody
    @RequestMapping("/upPhoto")
    public void upPhoto(MultipartHttpServletRequest request, String pilotId) throws IOException {
        // 获得第1张图片(根据前台的name名称得到上传的文件)
        MultipartFile file = request.getFile("photo");
        // 获得文件名:
        String filename = file.getOriginalFilename();
        String imgtype = filename.substring(filename.lastIndexOf("."));
        // 获取路径
        String ctxPath = EnvironmentVariables.getValue(Constants.PHOTOS_PATH);
        // 创建文件
        File dirPath = new File(ctxPath);
        if (!dirPath.exists()) {
            dirPath.mkdir();
        }
        String pathname = ctxPath + pilotId + imgtype;// 存放路径
        File uploadFile = new File(pathname);
        FileCopyUtils.copy(file.getBytes(), uploadFile);
        );
    }

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics