溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Java中使用jersey實(shí)現(xiàn)一個(gè)圖片上傳功能

發(fā)布時(shí)間:2020-11-11 16:22:13 來(lái)源:億速云 閱讀:206 作者:Leah 欄目:編程語(yǔ)言

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)Java中使用jersey實(shí)現(xiàn)一個(gè)圖片上傳功能,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

1. maven依賴

spring的一些包以及fileupload和io包這邊就不貼出來(lái)了。

 <dependency>
    <groupId>com.sun.jersey</groupId>
    <artifactId>jersey-client</artifactId>
    <version>1.2</version>
 </dependency>

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

打開(kāi)文件服務(wù)器下的此文件,然后搜索readonly這個(gè)單詞,可以看到這段注釋代碼:

<!--  readonly      Is this context "read only", so HTTP    -->
<!--            commands like PUT and DELETE are      -->
<!--            rejected&#63; [true]             -->

通過(guò)注釋可以看到默認(rèn)情況下當(dāng)我們進(jìn)行put或者delete操作的時(shí)候,服務(wù)器是拒絕訪問(wèn)的,所以想向服務(wù)器上傳文件必須將readonly屬性設(shè)置為false。

<servlet>
  <servlet-name>default</servlet-name>
  <servlet-class>org.apache.catalina.servlets.DefaultServlet</servlet-class>
  <!-- 添加,解決jersey上傳服務(wù)器403錯(cuò)誤 -->
  <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. 在文件服務(wù)器上創(chuàng)建文件存儲(chǔ)目錄

Java中使用jersey實(shí)現(xiàn)一個(gè)圖片上傳功能

在webapp下創(chuàng)建一個(gè)upload目錄,為了防止找不到目錄,在空目錄下隨便添加一個(gè)文件。

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 {
    // 將當(dāng)前上下文初始化給CommonsMultipartResolver
    CommonsMultipartResolver resolver = new CommonsMultipartResolver(request.getSession().getServletContext());
    // 檢查form中是否有enctype="multipart/form-data"
    if (resolver.isMultipart(request)) {
      // 強(qiáng)制轉(zhuǎn)化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("."));

        // 要上傳文件的絕對(duì)路徑
        String realPath = MallUtil.readProp("upload_file_path") + "/upload/" + fileName + suffix;
        String relativePath = "/upload/" + fileName + suffix;

        // 由于我們要在不同主機(jī)上上傳文件,所以不能直接通過(guò)流的方式來(lái)寫(xiě),需要通過(guò)webService來(lái)完成,這邊借助Jersey來(lái)完成
        Client client = Client.create();

        // 判斷是不是第一次上傳,如果已經(jīng)上傳過(guò)則刪除上一次上傳的文件
       if (StringUtils.isNotBlank(lastRealPath)) {
         WebResource webService = client.resource(lastRealPath);
         webService.delete();
       }
       WebResource webService = client.resource(realPath);
       // 將文件傳到主機(jī)上
       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. 頁(yè)面代碼

需要回顯就需要通過(guò)ajax來(lái)實(shí)現(xiàn)圖片上傳,這里使用的是jquery.form.js這個(gè)插件

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", // 返回值的數(shù)據(jù)類型
    beforeSubmit: function (formData, jqForm, options) {
      var imageValue = $("#input-image").val();
      imageValue = $.trim(imageValue);
      return (imageValue != ""); // 沒(méi)有選擇圖片,則中斷上傳請(qǐng)求
    },
    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("系統(tǒng)錯(cuò)誤");
    }
  }; 
  $("#form").ajaxSubmit(option);
}

6. 常見(jiàn)錯(cuò)誤

403 則是conf/web.xml中沒(méi)有添加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

確保項(xiàng)目部署在8888端口下并啟動(dòng)成功,確保項(xiàng)目中存在upload目錄。

上述就是小編為大家分享的Java中使用jersey實(shí)現(xiàn)一個(gè)圖片上傳功能了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI