Vanthink-UED / vue-core-image-upload

a vue plugin for image to crop and upload

Home Page:http://vanthink-ued.github.io/vue-core-image-upload/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTTP status 400

RicoLiu opened this issue · comments

我使用该组件上传图片,遇到了如下问题:

<!doctype html>
<html lang="en">

<head>
  <title>HTTP Status 400 – Bad Request</title>
  <style type="text/css">
    h1 {
      font-family: Tahoma, Arial, sans-serif;
      color: white;
      background-color: #525D76;
      font-size: 22px;
    }

    h2 {
      font-family: Tahoma, Arial, sans-serif;
      color: white;
      background-color: #525D76;
      font-size: 16px;
    }

    h3 {
      font-family: Tahoma, Arial, sans-serif;
      color: white;
      background-color: #525D76;
      font-size: 14px;
    }

    body {
      font-family: Tahoma, Arial, sans-serif;
      color: black;
      background-color: white;
    }

    b {
      font-family: Tahoma, Arial, sans-serif;
      color: white;
      background-color: #525D76;
    }

    p {
      font-family: Tahoma, Arial, sans-serif;
      background: white;
      color: black;
      font-size: 12px;
    }

    a {
      color: black;
    }

    a.name {
      color: black;
    }

    .line {
      height: 1px;
      background-color: #525D76;
      border: none;
    }

  </style>
</head>

<body>
  <h1>HTTP Status 400 – Bad Request</h1>
  <hr class="line" />
  <p>
    <b>Type</b> Status Report</p>
  <p>
    <b>Message</b> Required MultipartFile parameter &#39;用户头像&#39; is not present</p>
  <p>
    <b>Description</b> The server cannot or will not process the request due to something that is perceived to be a client error
    (e.g., malformed request syntax, invalid request message framing, or deceptive request routing).</p>
  <hr class="line"
  />
  <h3>Apache Tomcat/8.5.24</h3>
</body>

</html>

代码:

        <vue-core-image-upload
            class="btn btn-primary"
            :crop="false"
            @imageuploaded="imageuploaded"
            @errorhandle="errorhandle"
            :data="data"
            :max-file-size="5242880"
            url="http://10.130.94.227:8081/healthcare/upload/uploadPic"
            :credentials="true" >
        </vue-core-image-upload>

该如何解决此问题?