我想用自定义名称在 imgbb 上上传图片

Question

我想使用自定义名称的 API 在 imgbb 上上传图片。
我当前的 HTML 是：

<input type="text" name="img_name" id="name" accept="text/*">
<input type="file" id="input_img" accept="image/*">
<input type="submit" value="Send" onclick="fileChange()">

而我现在的 JS 是：

function fileChange(){
  var file = document.getElementById('input_img');
  var imgname = document.getElementById('name');
  var form = new FormData();
  form.append("image", file.files[0])

    
    var settings = {
      "url": "https://api.imgbb.com/1/upload?key=(API CODE)",
      "method": "POST",
      "timeout": 0,
      "processData": false,
      "mimeType": "multipart/form-data",
      "contentType": false,
      "data": form
    };
    
    
    $.ajax(settings).done(function (response) {
      console.log(response);
      var jx = JSON.parse(response);
      console.log(jx.data.url);
    
    
    });
}

当我上传图片时，它将使用图片默认名称上传，但我想给它自定义名称。
当前结果：
https://i.stack.imgur.com/bbKZb.jpg

我想要什么：
https://i.stack.imgur.com/9BesZ.jpg

Answer 1

根据api document.

名称（可选） 文件名，如果上传带有 POST 和 multipart / form-data 的文件，则会自动检测到该名称

您应该在网址中添加&name=yourName 以更改上传名称

var settings = {
  "url": "https://api.imgbb.com/1/upload?key=(API CODE)&name="+ $('#name').val(),
  "method": "POST",
  "timeout": 0,
  "processData": false,
  "mimeType": "multipart/form-data",
  "contentType": false,
  "data": form
};