当前位置:首页 » 文件管理 » ueditor单独上传

ueditor单独上传

发布时间: 2022-12-27 00:30:08

Ⅰ ueditor 怎么自定义上传文件的路径啊求指导,,最好是有源码

UEditor是由网络WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。
开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用。
网络UEditor的推出,可以帮助不少网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本。
优点
1、体积小巧,性能优良,使用简单
2、分层架构,方便定制与扩展
3、满足不同层次用户需求,更加适合团队开发
4、丰富完善的中文文档
5、多个浏览器支持:Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome
6、更好的使用体验
7、拥有专业QA团队持续支持,已应用在网络各大产品线上
使用步骤
1.添加jar包 jar包位置:文件根目录下jsp的lib文件夹下,把jar包复制到web-inf下的lib文件夹下buildpath
2.修改config.js中的URL路径,修改为UEidtor插件在自己工程中的正确根路径
3.在jsp文件中先引入配置文件config.js然后再源码文件all.js(注意顺序)
4.加载容器和实例化容器
1.修改config.js配置文件URL为插件根目录,一般是绝对路径。

2.修改config.json中上传图片配置项中的访问路径前缀为项目名称,根据情况修改上传文件路径和访问路径。
配置正确之后UEditor有上传功能帮助我们上传图片。
但是上传路径会在项目部署的临时文件夹下。 tomcat取消部署后,上传文件就会和项目部署文件一起被删除

3.实现把图片上传到自定义路径
在处理上传后的文件名称的时候注意不要出现中文
要不然还需要做处理才能正确读取文件!

4.(1)首先在jsp中覆盖UEidtor获取路径的方法

//覆盖UEditor中获取路径的方法
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
//判断路径 这里是config.json 中设置执行上传的action名称
if (action == 'uploadimage') {
return 'http://localhost:8080/maven-web/uploadImage.do';
} else if (action == 'uploadvideo') {
return '';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
(2)首先在springmvc配置文件中配置

<!-- 上传配置 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="UTF-8"></property>
</bean>

在controller中定义上传和读取文件的方法
/**
* SpringMVC 用的是 的MultipartFile来进行文件上传
* 这里用@RequestParam()来指定上传文件为MultipartFile
* @throws IOException
*/
@RequestMapping("uploadImage")
@ResponseBody//这里upfile是config.json中图片提交的表单名称
public Map<String,String> uploadImage(@RequestParam("upfile") CommonsMultipartFile upfile,HttpServletRequest request) throws IOException{
//文件原名称
String fileName=upfile.getOriginalFilename();
//为了避免重复简单处理
String nowName=new Date().getTime()+"_" + fileName;
if(!upimage.isEmpty()){
//上传位置路径
String path0 = "D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+nowName;
//按照路径新建文件
File newFile = new File(path0);
//复制
FileCopyUtils.(upimage.getBytes(), newFile);
}
//返回结果信息(UEditor需要)
Map<String,String> map = new HashMap<String,String >();
//是否上传成功
map.put("state", "SUCCESS");
//现在文件名称
map.put("title", nowName);
//文件原名称
map.put("original", fileName);
//文件类型 .+后缀名
map.put("type", fileName.substring(upfile.getOriginalFilename().lastIndexOf(".")));
//文件路径
map.put("url", "/"+nowName+"/getImage.do");
//文件大小(字节数)
map.put("size", upfile.getSize()+"");

return map;
}
/**
* 读取文件
*/
@RequestMapping("{imgName}/getImage")
public void readImg(@PathVariable("imgName") String imgName, HttpServletResponse response)
throws Exception {
//设置文件的返回类型
response.setContentType("image/*");
//文件路径(windows下是\\,linux下是//,都必须是绝对路径)
String imgPath="D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+imgName;
//java中用File类来表示一个文件
File image = new File(imgPath);
//测试这个文件路径是否存在(也就是这个文件是否存在)
if (!image.exists()) {
return;
}
//FileUtils.readFileToByteArray(File file)把一个文件转换成字节数组返回
response.getOutputStream().write(FileUtils.readFileToByteArray(image));
//java在使用流时,都会有一个缓冲区,按一种它认为比较高效的方法来发数据:
//把要发的数据先放到缓冲区,缓冲区放满以后再一次性发过去,而不是分开一次一次地发.
//而flush()表示强制将缓冲区中的数据发送出去,不必等到缓冲区满.
response.getOutputStream().flush();
response.getOutputStream().close();
}

Ⅱ ueditor 怎么上传到其他目录

在ue的
项目路径\ueditor\php\config.json
文件中,修改你需要存放的图片位置。
例如【imagePathFormat】
"imagePathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",
改成你需要存放的目录。
其他的上传类型存放目录修改也类似,具体可以参看这个配置文件的文档说明。

Ⅲ 如何单独使用百度编辑器的文件上传

一般情况都是路径不对。
如果你使用的不是ueditor自带的上传类,那就就需要在调用页配置如下参数:

1
2
3
4
5
6
7
8
9
10

window.UEDITOR_HOME_URL='Public/ueditor1_3_6/';
window.onload = function(){
window.UEDITOR_CONFIG.imageUrl = "/News/uploadimg"; //上传图片类路径。
window.UEDITOR_CONFIG.fileUrl = "/News/uploadfile"; //上传文件类路径。
window.UEDITOR_CONFIG.videoPath = "/News/uploadvideo"; //上传视频类路径。
window.UEDITOR_CONFIG.imagePath = 'upload/images/'; //修复返回图片路径。
window.UEDITOR_CONFIG.filePath = 'upload/txtfiles/'; //修复文件返回路径。
window.UEDITOR_CONFIG.videoPath = 'upload/video/'; //修复文件返回路径。
UE.getEditor('editor');
}

ueditor官方文档有很详细介绍的,以上配置在ueditor.config.js文件里面都能找到。
我现在在做的一个项目也是使用了这个编辑器,

使用方法都一样,自负的家伙!~( ^_^ )/~~拜拜!~~~~

Ⅳ 关于ueditor1.1.8图片上传功能,求大神看看下面的代码为什么没用,我是想单独调用图片上传动能

For5RunApp&quot;notepad.exe&quot;Nextdimenv子窗口句柄Delay5000HwndEx=Plugin.Window.Search(&quot;记事本&quot;)hwnd=split(HwndExi&quot;|&quot;)Delay100Fori=0Toubound(hwnd)-1CallPlugin.Window.SetClientSize(hwnd(i)200,200)Delay10CallPlugin.Window.Move(hwnd(i)6280+200*i,0)Delay500TracePrinthwnd(i)子窗口句柄=Plugin.Window.FindEx(hwnd(i)ko084&quot;Edit&quot;,0)BeginThread文本输入NextSub文本输入()CallPlugin.Window.SendString(子窗口句柄,&quot;哈哈&quot;)Delay10EndSubSubOnScriptExit()CallLib.系统.结束进程(&quot;notepad.exe&quot;)EndSub这样?另外说一下变量子窗口句柄在下一次赋值的时候就不会操作第一个txt要不同的变量才能达到连续操作

Ⅳ 如何把ueditor上传的图片视频等信息写入自己的数据库

视频图片存库是不是太大了,最好是作为附件保存到硬盘上,数据库内存图片和视频的访问地址,可以单独部署一个文件服务器。

Ⅵ 如何把ueditor上传的图片视频等信息写入自己的数据库

这个分为两种情况吧!
情况一:Ueditor上传的图片和视频在富文本中,可以直接随着富文本字段保存到数据库中;
情况二:想单独保存上传的图片地址或者视频地址,可以修改Ueditor的代码,在上传时调用插入数据库方法,此情况不建议时间,会产生很多的垃圾数据;

Ⅶ Ueditor 1.4.3 JSP单独使用图片和表情上传请教

你可以将他里面需要的jar包和相关页面抽取出来,单独运行调试即可。但需要注意js文件的配置问题

Ⅷ ueditor自定义实现文件上传

1、ueditor.config.js文件配置服务器地址

2、当使用富文本上传文件时,会通过 http://localhost/upload?action=config 取获取配置信息
3、配置信息和上传文件接口地址一样,只是通过action参数来识别:

Ⅸ UEditor单独图片上传

可以实现,我之前做过

热点内容
以下软件中属于常用的压缩软件 发布:2025-08-22 16:04:40 浏览:294
php判断get 发布:2025-08-22 16:03:43 浏览:976
python数组切片 发布:2025-08-22 15:45:39 浏览:240
便捷式存储什么意思 发布:2025-08-22 15:29:31 浏览:416
sql选择查询 发布:2025-08-22 15:24:52 浏览:234
python子线程异常 发布:2025-08-22 15:12:03 浏览:212
设置ftp用户名和密码 发布:2025-08-22 15:00:37 浏览:491
mss数据库 发布:2025-08-22 14:52:55 浏览:840
c语言多个c 发布:2025-08-22 14:51:17 浏览:579
我的世界服务器教程手机版网易 发布:2025-08-22 14:37:45 浏览:258