实现上传文件和图片

一、在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)来指定要上载的文件.用户也可以通过单击“浏览”按钮,然后在“选择文件”对话框中定位文件来选择文件.