java 实现 图片上传

        //存放上传图片的服务器地址

        List<String> imgList = null;

        if (ServletFileUpload.isMultipartContent(request)) {

            DiskFileItemFactory factory = new DiskFileItemFactory();

            factory.setSizeThreshold(1024 * 512);

            ServletFileUpload fileUpload = new ServletFileUpload(factory);

            fileUpload.setFileSizeMax(10 * 1024 * 1024);

            String newName = null;

            List<FileItem> items = fileUpload.parseRequest(request);

            imgList = new ArrayList<String>();

            for (FileItem item : items) {

                if (!item.isFormField()) {

                    String image = null;

                    String name = item.getName();

                    String extName = name.substring(name.lastIndexOf("."));

                    newName = UUID.randomUUID().toString();

                    item.write(new File(request.getRealPath("/upload/" + newName + extName)));

                    image = "/upload/" + newName + extName;

                    imgList.add(image);

                }

            }

        }

 //jquery 实现上传图片并显示

 function PreviewImage(imgFile, showId) {

                var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;

                var show = $(showId);

                var path;

                if (!pattern.test(imgFile.value))

                {

                    alert("仅支持jpg/jpeg/png/gif/bmp格式的照片！");

                    imgFile.focus();

                }

                else {

                    if (/msie/.test(navigator.userAgent.toLowerCase())) {

                        imgFile.select();

                        path = document.selection.createRange().text;

                        show.html = "";

                        show.css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")");

                    } else {

                        path = URL.createObjectURL(imgFile.files[0]);

                        show.html("<img src='" + path + "'/>");

                    }

                }

            }

   

    <input  type="file" name="front_image" class="upload" id="uoload_front" onchange='PreviewImage(this, "#front_image")'/>