首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我想用自定义名称在imgbb上上传图片。

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

Stack Overflow用户
提问于 2021-11-17 12:25:50
回答 1查看 565关注 0票数 0

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

我现在的HTML是:

代码语言:javascript
复制
<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是:

代码语言:javascript
复制
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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-17 12:51:15

根据api文档的说法。

名称(可选)文件的名称,如果上传带有POST和多部分/表单数据的文件,则会自动检测到该名称。

您应该将&name=yourName添加到url到chanage上载名。

代码语言:javascript
复制
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
};
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70004392

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档