分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

umeditor 上传图片 相对路径的设置和保存

发布时间:2023-09-06 01:57责任编辑:赖小花关键词:上传图片

此篇文章仅献给已实现百度富文本编辑器,想要设置相对路径并保存到数据库,方便以后项目迁移。

使用的版本为1.2.3,适用图片上传中点击以及拖拽功能。

 ???????//保存图片相对地址的设置
        //1.请修改Uploader.java的getPhysicalPath()方法,设置返回的地址
        //2.请修改imageUp.jsp中的相对地址result
        //3.请修改image.js中的getAllPic()设置src、_src返回值 ?

 1、修改后台代码Uploader.java

 ???/** ????* 根据传入的虚拟路径获取物理路径 ????* ?????* @param path ????* @return ????*/ ???private String getPhysicalPath(String path) { ???????//原版:上传文件放在请求路径(百度编辑器)上一级// ???????String servletPath = this.request.getServletPath();// ???????String realPath = this.request.getSession().ge tServletContext()// ???????????????.getRealPath(servletPath);// ???????return new File(realPath).getParent() +"/" +path; ???????????????//修改版:上传文件放在webapp下 ???????String servletContext = this.request.getSession().getServletContext().getRealPath(""); ???????return new File(servletContext).getParent() +"/" +path; ???}

2、修改imageUp.jsp

 ???//String result = "{\"name\":\""+ up.getFileName() +"\", \"originalName\": \""+ up.getOriginalName() +"\", \"size\": "+ up.getSize() +", \"state\": \""+ up.getState() +"\", \"type\": \""+ up.getType() +"\", \"url\": \""+ up.getUrl() +"\"}"; ???String pathPre = "../../../../../"; //修改版:根据imageUp.jsp相对位置进行修改,此处图片放在webapp下(不同位置自行修改) ???String result = "{\"name\":\""+ up.getFileName() +"\", \"originalName\": \""+ up.getOriginalName() +"\", \"size\": "+ up.getSize() +", \"state\": \""+ up.getState() +"\", \"type\": \""+ up.getType() +"\", \"url\": \""+ pathPre + up.getUrl() +"\"}";

3、修改image.js

getAllPic: function (sel, $w, editor) { ???????????var me = this, ???????????????arr = [], ???????????????$imgs = $(sel, $w); ???????????$.each($imgs, function (index, node) { ???????????????$(node).removeAttr("width").removeAttr("height");// ???????????????if (node.width > editor.options.initialFrameWidth) {// ???????????????????me.scale(node, editor.options.initialFrameWidth -// ???????????????????????parseInt($(editor.body).css("padding-left")) ?-// ???????????????????????parseInt($(editor.body).css("padding-right")));// ???????????????} ???????????????//修改版:设置为相对路径(请按需修改) ???????????????var srcFixed = node.src; ???????????????srcFixed = srcFixed.slice(srcFixed.indexOf(‘upload‘)); ???????????????srcFixed = "../../../../../" + srcFixed; ???????????????return arr.push({ ???????????????????//_src: node.src, ???????????????????//src: node.sr ???????????????????_src: srcFixed, ???????????????????src: srcFixed ???????????????}); ???????????}); ???????????return arr; ???????},

这样,在数据库中保存的数据就是相对地址了,与IP、域名无关。

umeditor 上传图片 相对路径的设置和保存

原文地址:https://www.cnblogs.com/linvan/p/9129970.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved