环企优站网站建设,南和住房和城乡建设局网站,中山 网站制作,招聘网站设计方案前些天发现了一个巨牛的人工智能学习网站#xff0c;通俗易懂#xff0c;风趣幽默#xff0c;忍不住分享一下给大家。点击跳转到教程。
效果#xff1a; 1. jar包导入#xff1a; !-- 文件上传组件 --dependencygroupIdcommons-fileupload/g…前些天发现了一个巨牛的人工智能学习网站通俗易懂风趣幽默忍不住分享一下给大家。点击跳转到教程。
效果 1. jar包导入 !-- 文件上传组件 --dependencygroupIdcommons-fileupload/groupIdartifactIdcommons-fileupload/artifactIdversion1.3.1/version/dependency 2. 在spring的配置文件中加上 !-- 支持文件上传 --bean idmultipartResolver classorg.springframework.web.multipart.commons.CommonsMultipartResolver!-- 请求编码格式 --property namedefaultEncoding valueutf-8/property!-- 上传文件大小(单位:字节) --property namemaxUploadSize value50000000/property!-- 缓冲区大小(单位:KB) --property namemaxInMemorySize value1024/property/bean 3. 从官网上下载可用的版本解压后添加到项目中webapp下位置任意 uploadify官方下载 4. jsp页面 !DOCTYPE html
html langen
headmeta charsetutf-8link relstylesheet href/css/uploadify/uploadify.css typetext/css
/head
body div classcontainerh2Basic Demo/h2div idfileQueue/divinput typefile namefile_upload idupload / img idimg stylewidth: 300px; height:250px; srcimages/uploadImgs/no_img.jpg altimage / /divhrscript src/js/jquery.min.js/script!-- uploadify --script src/css/uploadify/jquery.uploadify.js/scriptscript typetext/javascript$(document).ready(function(){$(#upload).uploadify({swf:/css/uploadify/uploadify.swf,uploader:/system/updHeadImage,fileObjName:uploadFile, // 控制器中参数名称auto:true,fileSizeLimit:1024KB,fileTypeExts:*.jpg;*.gif;*.png;,onUploadSuccess:function(file, result, response) {if(result){// 设置图片路径$(#img).attr(src,result);}// 上传失败}});});/script /body
/html 5.控制器 /*** 修改头像* return* throws Exception*/ResponseBodyRequestMapping(valueupdHeadImage)public String updHeadImage(MultipartFile uploadFile ,HttpServletRequest request) throws Exception {_logger.info( 执行修改头像 操作 );File targetFile;// 存储路径String msgUrl ;// 是否上传成功标志boolean flag false;// 取图片的原始名称、后缀String fileName uploadFile.getOriginalFilename();if(fileName ! null fileName ! ){ // 存储路径String returnUrl request.getScheme() :// request.getServerName() : request.getServerPort() request.getContextPath() /images/uploadImgs/;// 文件存储位置String path request.getSession().getServletContext().getRealPath(/images/uploadImgs/);// 文件后缀
// String fileF fileName.substring(fileName.lastIndexOf(.), fileName.length());// 新的文件名
// fileName new Date().getTime()_new Random().nextInt(1000)fileF;String today DateUtil.getDate(DateUtil.yyyy_M_d);File fileToo new File(path/today); // 如果文件夹不存在则创建 if(!fileToo .exists() !fileToo .isDirectory()){ fileToo .mkdir(); }targetFile new File(fileToo, fileName);try {uploadFile.transferTo(targetFile);msgUrl returnUrltoday/fileName;flag true;} catch (Exception e) {e.printStackTrace();}}if(flag){return msgUrl;}return null;}/*** 修改头像* return* throws Exception*/ResponseBodyRequestMapping(valueupdHeadImage)public String updHeadImage(MultipartFile uploadFile ,HttpServletRequest request) throws Exception {_logger.info( 执行修改头像 操作 );File targetFile;// 存储路径String msgUrl ;// 是否上传成功标志boolean flag false;// 取图片的原始名称、后缀String fileName uploadFile.getOriginalFilename();if(fileName ! null fileName ! ){ // 存储路径String returnUrl request.getScheme() :// request.getServerName() : request.getServerPort() request.getContextPath() /images/uploadImgs/;// 文件存储位置String path request.getSession().getServletContext().getRealPath(/images/uploadImgs/);// 文件后缀
// String fileF fileName.substring(fileName.lastIndexOf(.), fileName.length());// 新的文件名
// fileName new Date().getTime()_new Random().nextInt(1000)fileF;String today DateUtil.getDate(DateUtil.yyyy_M_d);File fileToo new File(path/today); // 如果文件夹不存在则创建 if(!fileToo .exists() !fileToo .isDirectory()){ fileToo .mkdir(); }targetFile new File(fileToo, fileName);try {uploadFile.transferTo(targetFile);msgUrl returnUrltoday/fileName;flag true;} catch (Exception e) {e.printStackTrace();}}if(flag){return msgUrl;}return null;} 6.修改英文为中文见
修改jquery文件上传插件uploadify的英文为中文