欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Java通过jersey实现客户端图片上传示例

程序员文章站 2024-03-04 18:59:36
在上一篇笔记 《springmvc实现图片上传》记录了将图片上传到本地的实现,在很多项目中都会有一台专门的文件服务器来保存文件的,这边记录下客户端通过jersey上传图片到...

在上一篇笔记 《springmvc实现图片上传》记录了将图片上传到本地的实现,在很多项目中都会有一台专门的文件服务器来保存文件的,这边记录下客户端通过jersey上传图片到文件服务端的实现。

由于要在不同主机上上传文件,所以不能直接通过流的方式来写,需要通过webservice来完成,jersey是基于java的一个轻量级restful风格的web services框架,它让客户端文件上传变得更简单。

1. maven依赖

spring的一些包以及fileupload和io包这边就不贴出来了。

 <dependency>
    <groupid>com.sun.jersey</groupid>
    <artifactid>jersey-client</artifactid>
    <version>1.2</version>
 </dependency>

2. 配置tomcat下的conf/web.xml文件

打开文件服务器下的此文件,然后搜索readonly这个单词,可以看到这段注释代码:

<!--  readonly      is this context "read only", so http    -->
<!--            commands like put and delete are      -->
<!--            rejected? [true]             -->

通过注释可以看到默认情况下当我们进行put或者delete操作的时候,服务器是拒绝访问的,所以想向服务器上传文件必须将readonly属性设置为false。

<servlet>
  <servlet-name>default</servlet-name>
  <servlet-class>org.apache.catalina.servlets.defaultservlet</servlet-class>
  <!-- 添加,解决jersey上传服务器403错误 -->
  <init-param>
    <param-name>readonly</param-name>
    <param-value>false</param-value>
  </init-param>
  <init-param>
    <param-name>debug</param-name>
    <param-value>0</param-value>
  </init-param>
  <init-param>
    <param-name>listings</param-name>
    <param-value>false</param-value>
  </init-param>
  <load-on-startup>1</load-on-startup>
</servlet>

3. 在文件服务器上创建文件存储目录

Java通过jersey实现客户端图片上传示例

在webapp下创建一个upload目录,为了防止找不到目录,在空目录下随便添加一个文件。

4. controller代码

@controller
@requestmapping("/upload")
public class uploadcontroller extends basecontroller {
  @requestmapping(value = "/uploadpic", method = requestmethod.post)
  @logincheck
  public void uploadpic(httpservletrequest request, printwriter out, string lastrealpath) throws ioexception {
    // 将当前上下文初始化给commonsmultipartresolver
    commonsmultipartresolver resolver = new commonsmultipartresolver(request.getsession().getservletcontext());
    // 检查form中是否有enctype="multipart/form-data"
    if (resolver.ismultipart(request)) {
      // 强制转化request
      multiparthttpservletrequest req = (multiparthttpservletrequest) request;
      // 从表单获取input名称
      iterator<string> iterable = req.getfilenames();
      // 存在文件
      if (iterable.hasnext()) {
        string inputname = iterable.next();
        // 获得文件
        multipartfile mf = req.getfile(inputname);
        byte[] mfs = mf.getbytes();
        // 定义文件名
        string filename = new simpledateformat("yyyymmddhhmmsssss").format(new date());
        random random = new random();
        for (int i = 0; i < 3; i++) {
          filename = filename + random.nextint(10);
        }
        // 获得后缀名
        string orifilename = mf.getoriginalfilename();
        string suffix = orifilename.substring(orifilename.lastindexof("."));

        // 要上传文件的绝对路径
        string realpath = mallutil.readprop("upload_file_path") + "/upload/" + filename + suffix;
        string relativepath = "/upload/" + filename + suffix;

        // 由于我们要在不同主机上上传文件,所以不能直接通过流的方式来写,需要通过webservice来完成,这边借助jersey来完成
        client client = client.create();

        // 判断是不是第一次上传,如果已经上传过则删除上一次上传的文件
       if (stringutils.isnotblank(lastrealpath)) {
         webresource webservice = client.resource(lastrealpath);
         webservice.delete();
       }
       webresource webservice = client.resource(realpath);
       // 将文件传到主机上
       webservice.put(mfs);
       // 将图片信息返回给界面回显
       map<string, string> map = new hashmap<string, string>();
       map.put("realpath", realpath);
       map.put("relativepath", relativepath);
       // {"relativepath":"/upload/20170215135233634679.png","realpath":"http://localhost:8088/mall-file/upload/20170215135233634679.png"}
       out.write(jsonutil.jsonstring(map));
      }
    }
  }
}

5. 页面代码

需要回显就需要通过ajax来实现图片上传,这里使用的是jquery.form.js这个插件

jsp代码:

<form enctype="multipart/form-data" id="form">   
<div>
  ![](${path}/mall/image/load_image.png)
  <input type="file" id="input-image" name="input-image" onchange="submitupload()">
  <input id="input-relative-path" name="imgs" type="hidden" >
  <input id="input-last-path" type="hidden">
 </div>
</form>

js代码:

function submitupload() {
  var option = {
    url: path + "/upload/uploadpic.do",
    type: "post",
    datatype: "text", // 返回值的数据类型
    beforesubmit: function (formdata, jqform, options) {
      var imagevalue = $("#input-image").val();
      imagevalue = $.trim(imagevalue);
      return (imagevalue != ""); // 没有选择图片,则中断上传请求
    },
    success: function (responsetext) {
      // {"relativepath":"/upload/20170215135233634679.png","realpath":"http://localhost:8088/mall-file/upload/20170215135233634679.png"}
      var jsonobj = $.parsejson(responsetext);
      $("#image").attr("src", jsonobj.realpath);
      $("#input-relative-path").val(jsonobj.relativepath);
      $("#input-last-path").val(jsonobj.realpath);
    },
    error: function () {
      alert("系统错误");
    }
  }; 
  $("#form").ajaxsubmit(option);
}

6. 常见错误

403 则是conf/web.xml中没有添加readonly为false的配置

409 : com.sun.jersey.api.client.uniforminterfaceexception:

put http://localhost:8888/mall-file/upload/20170115104302348740.jpg returned a response status of 409 conflict

确保项目部署在8888端口下并启动成功,确保项目中存在upload目录。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。