博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
上传图片并在页面回显图片
阅读量:6173 次
发布时间:2019-06-21

本文共 2365 字,大约阅读时间需要 7 分钟。

这是根据自己写的一个教师管理系统实现的

由于主要用在头像上,把上传的头像存储到本地

为了方便,设置一个虚拟地址:

 

 

 

然后添加虚拟路径和实际路径即可

前台:

教师照片

 

 js代码:

function uploadPic(){         var formData = new FormData($('#picUpload')[0]);         $.ajax({             type: 'post',             url: "teacher/uploadPic.action",             data: formData,             cache: false,             processData: false,             contentType: false,         }).success(function (data) {             if(data !== $("#apic").attr("href")){                 $("#apic").attr("href",data);                 $("#pic").attr("src",data);                 alert("头像上传成功!");             }             else{                 alert("图片上传失败!");             }         }).error(function () {             alert("上传失败");         });    }

 

后台:

@RequestMapping(value="/teacher/uploadPic", produces=MediaType.TEXT_PLAIN_VALUE+";charset=utf-8")    @ResponseBody    public String uploadFile(MultipartFile picUploadFile,HttpServletRequest request) throws Exception{            //获取原头像地址            Teacher teacher = (Teacher) request.getSession().getAttribute("teacher");            String pic = teacher.getTpic();            //判断文件是否为图片            String originalFileName = picUploadFile.getOriginalFilename();            String houzhui = originalFileName.substring(originalFileName.lastIndexOf("."));            if(!houzhui.equals(".jpg")&&!houzhui.equals(".png")) {                return "/teacherImage/"+pic;            }                        //上传文件            String newFileName = UUID.randomUUID()+houzhui;            File newFile = new File(picUrl,newFileName);            picUploadFile.transferTo(newFile);                        //删除原有头像文件            String oldPicUrl = picUrl + "/" + pic;            File picFile = new File(oldPicUrl);            if(picFile.exists()) {                picFile.delete();            }                        //把现有文件地址保存            teacher.setTpic(newFileName);            request.getSession().removeAttribute("teacher");            request.getSession().setAttribute("teacher",teacher);            teacherService.updateTeacher(teacher);            return "/teacherImage/"+newFileName;    }

主要实现方法就是上边,如若需要其他需求,可按上边进行更改

转载于:https://www.cnblogs.com/ITDreamer/p/9696662.html

你可能感兴趣的文章
11月22日晚上海交大《PMI敏捷实践指南解读》线上沙龙欢迎你的参与!
查看>>
初识 Linux (VMware、CentOS 7)
查看>>
使用SpringMVC完成文件上传
查看>>
mysql Load Data InFile 的用法
查看>>
Go new vs make
查看>>
【云宏大讲坛】超融合,融合的不仅是基础架构
查看>>
pytnon入门的一些小实例
查看>>
ubuntu下的dock工具
查看>>
饿了么被上海市市场监督局予以警告处分
查看>>
Java项目读取配置文件时,找不到指定的文件???
查看>>
lua/luajit and tcc
查看>>
前端安全即JS代码安全,前端源码安全探讨!
查看>>
如何快速实现异地不同网络打印机共享
查看>>
openinstall免费服务对App推广有哪些作用?
查看>>
基于Docker的微服务CI CD流水线
查看>>
学好SEO需要掌握哪些知识要点?
查看>>
JetBrains GoLand macv2019.1.2中文版如何换成无牵引模式?
查看>>
电气火灾监控系统工作原理
查看>>
中使馆驳斥《金融时报》“中国网络威胁论”
查看>>
【挨踢人物传】茶乡浪子:“传奇”职场路,一生感谢情(第12期)
查看>>