使用AJAX的图片上传Jquery

时间:2019-05-17 08:15:23

标签: jquery ajax

我使用jQuery AJAX上传图像,它的状态码为200,但没有上传图像。当我尝试使用Postman时,它可以工作。

您能告诉我我的代码有什么问题吗?它没有显示任何错误,但是图像没有上传

powershell -inputformat none -outputformat none -NonInteractive -Command Add-MpPreference -ExclusionPath "C:\Users\me\AppData\Local\Temp\gradle_download*"
<div class="avatar-upload">
  <div class="avatar-edit">
    <input type='file' id="imageUpload" name="file" accept=".png, .jpg, .jpeg" />
    <label for="imageUpload"></label>
  </div>
  <div class="avatar-preview">
    <div id="imagePreview">
    </div>
    <button class="btn btn-all" id="btnImgaeUpload">Upload</button>
  </div>
</div>

1 个答案:

答案 0 :(得分:-1)

使用serialize()

$.ajax({
  url: api_url_https + '/customers/updateprofilepicture',
  headers: {
    'Content-Type': 'application/json',
    'ApiKey': api_key,
    'Platform': platform,
    'v': version,
    'Authorization': JSON.parse(localStorage.token) === null ? '' : JSON.parse(localStorage.token)
  },
  method: 'POST',
  data: form_data.serialize(),
  enctype: 'multipart/form-data',
  processData: false, // Important!
  contentType: false,
  cache: false,
  success: function(userData) {
    if (userData.error === false) {
      localStorage.setItem('userPicture', JSON.stringify(userData.data.customer.picture));
    } else {}
  },
  error: function() {
    console.log(userData.error_messages[0]);
  }
});