一、在web.xml中声明ConnectorServlet
打开fckeditor-java-2.4.1-bin/fckeditor-java-2.4.1/site/connector.html
复制以下代码
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>
net.fckeditor.connector.ConnectorServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>
/fckeditor/editor/filemanager/connectors/*
</url-pattern>
</servlet-mapping>
二、创建fckeditor.properties配置文件在classpath下
connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl
三、测试浏览图片
如果与struts整合仍需要做其它配置(修改web.xml文件中的过滤器/*改为*.action 或 *.jsp)
四、上传显示中可能出现乱码情况如何处理
创建包
cn.jbit.fckeditor
创建类
ConnectorServlet.java
复制java-core-2.4.1.jar/net.fckeditor.connector/ConnectorServlet中的内容
到我自定义的ConnectorServlet中
在doPost方法中添加如下代码
upload.setHeaderEncoding("UTF-8");
修改web.xml文件
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>
cn.jbit.fckeditor.ConnectorServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
五、创建中文目录出现乱码
修改ConnectorServlet文件中的代码
String newFolderStr = UtilsFile.sanitizeFolderName(
request
.getParameter("NewFolderName"));
修改为如下代码
String newFolderStr = UtilsFile.sanitizeFolderName(
new String(request
.getParameter("NewFolderName").getBytes("ISO8859-1"),"UTF-8"));
六、自定义用户目录
创建UserPathBuilder的实现类
public class MyUserPathBuild implements UserPathBuilder {
public String getUserFilesPath(HttpServletRequest request) {
String username = (String) request.getSession().getAttribute("username");
return "/userfiles/"+username;
}
}
在fckeditor.properties资源文件中配置
connector.userPathBuilderImpl=cn.jbit.fckeditor.MyUserPathBuild
在index.jsp页面添加登录代码,提交给doLogin.jsp处理
<form action="doLogin.jsp" method="post">
<label>用户名:</label>
<input type="text" name="username"/><br/>
<label>密码:</label>
<input type="password" name="password"/><br/>
<input type="submit" value="登录"/>
</form>
doLogin.jsp
<%
request.setCharacterEncoding("UTF-8");
String username = request.getParameter("username");
session.setAttribute("username",username);
response.sendRedirect("testfckeditor3.jsp");
%>
实现上传文件和图片
时间: 2024-11-07 17:00:48
实现上传文件和图片的相关文章
使用FormData上传文件、图片
关于FormData XMLHttpRequest Level 2添加了一个新的接口 ---- FormData 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XMLHttpRequest的 send( ) 方法来异步提交表单 与普通的ajax相比,使用FormData的最大优点就是可以异步上传二进制文件 FormData对象 FormData对象,可以把所有表单元素的name与value组成一个queryString,提交到后台. 在使用ajax提交时,使用
input type=&#39;file&#39; 上传文件 判断图片的大小是否合格与witdh 和 height 是否合格
function CheckFiles(obj) { var array = new Array('gif', 'jpeg', 'png', 'jpg'); //可以上传的文件类型 if (obj.value == '') { alert("让选择要上传的图片!"); return false; } else { var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用:) var isE
SpringMVC上传文件(图片)并保存到本地
SpringMVC上传文件(图片)并保存到本地 小记一波~ 基本的MVC配置就不展示了,这里给出核心代码 在spring-mvc的配置文件中写入如下配置 <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize">
Thinkphp 3.0版本上传文件加图片缩略图实例解析
先看html加个表单,注意这里的action 路径要选 对. <div> <form action="__URL__/add_img" enctype="multipart/form-data" method="post" style="padding:10px;" > 图片宽度:<input type="text" name="width" /> 图
MVC与webservice上传文件(图片和视频),希望帮且到一些朋友
最近做一个项目,要把图片和视频传到服务器上(网站与图片服务器分开),在网上找了好久,没找到完整的资料. 自己也折腾了半天,才把完整的代码实现完.可能好多朋友都有实现过,没分享代码吧,写得不好希望不要见笑!! 下面贴代码吧:首先MVC代码: public string UploadVide() { string requesturl = ""; string result = "video/Videoitem/"; HttpFileCollectionBase fil
ueditor1.4.3配置过程(包含单独上传文件以及图片的使用)
这里使用的是ueditor1.4.3的jsp版本的UTF-8版本. 首先下载相应的ueditor,将ueditor文件夹直接拷贝到项目中,文件结构如下所示: 然后将项目要用的jar包导入到lib目录下,在导入之前要先修改一下ueditor的jar包中的bug,这个可以参考这里点击打开链接 接着就是配置jsp目录下的config.json文件了,让它能适应我们的项目,配置内容如下: /* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionN
php上传文件与图片到七牛的实例详解
上传文件到七牛最简单的方式就是使用七牛官方最新的SDK 用composer安装PHP SDK composer require qiniu/php-sdk 上传文件到七牛 use Qiniu\Auth;use Qiniu\Storage\UploadManager; $cfg = [ 'access' => 'YOUR_ACCESS_KEY', 'secret' => 'YOUR_SECRET_KEY', 'bucket' => 'YOUR_BUCKET', 'domain' =>
小程序云开发--云函数上传文件或图片 base64
云函数开发遇到的问题 在微信云开发环境当中,普通的用户并没有往云存储内写入文件的权限 所以普通用户想要使用wx.cloud.uploadFile显然是不现实的 但是我们同时也知道,云函数是后台服务端,具有管理员权限,只要能调用云函数上传文件就可以解决这个问题了 参照官方文档中云函数的写法 const cloud = require('wx-server-sdk') const fs = require('fs') const path = require('path') exports.main
C# 结合html5 批量上传文件和图片预览
html5 新特性 <input id="imgsf" type="file" name="imgsf" multiple /> input file 中增加 multiple 属性可以选择多文件.IE9以下版本不兼容 <form id="form1" method="post" action="upload_json.ashx" enctype="m
Webform之FileUpload(上传按钮控件)简单介绍及下载、上传文件时图片预览
1.FileUpload上传控件:(原文:http://www.cnblogs.com/hide0511/archive/2006/09/24/513201.html) FileUpload 控件显示一个文本框控件和一个浏览按钮,使用户可以选择客户端上的文件并将它上载到 Web 服务器.用户通过在控件的文本框中输入本地计算机上文件的完整路径(例如,C:\MyFiles\TestFile.txt)来指定要上载的文件.用户也可以通过单击“浏览”按钮,然后在“选择文件”对话框中定位文件来选择文件.