如何在firefox插件中使用Javascript将图像上传到ImgBB API [英] How to upload an image to ImgBB API using Javascript in a firefox addon

问题描述

有关该API的信息，请

解决方案

对于mi应用程序是相同的问题.

创建

 <输入类型="file" id ="input_img" onchange ="fileChange()" accept ="image/*"> 

代码javascript

 函数fileChange(){var file = document.getElementById('input_img');var form = new FormData();form.append("image"，file.files [0])var settings = {"url":"https://api.imgbb.com/1/upload?key=8d5867a9512390fb5e5dc97839aa36f6"，"method":"POST"，超时":0，"processData":否，"mimeType":多部分/表单数据"，"contentType":否，数据":表格};$ .ajax(settings).done(function(response){console.log(response);var jx = JSON.parse(response);console.log(jx.data.url);}); 

}

这对我有用

Info on the API can be found here. It does not give any details for using with Javascript, only with curl.

Have tried numerous different methods from old posts on here but this is the closest I have got so far.

function main() {
    var ul = document.querySelector('.redactor_toolbar')

    if(ul != null)
    {
        var new_li = document.createElement('li')
        var new_a = document.createElement('a')
        new_li.appendChild(new_a)
        ul.appendChild(new_li)

        new_a.addEventListener('click', function() {
            var input = document.createElement('input');
            input.type = 'file';

            input.onchange = e => {
                uploadImage(e.target.files[0])
            }

            input.click();
        })
    }
 }

 async function uploadImage(img)
 {
    var form = new FormData();
    form.append('image', img)

    var url = 'https://api.imgbb.com/1/upload?key=8d5867a9512390fb5e5dc97839aa36f6' 

    const config = {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Access-Control-Allow-Origin': '*',
            'Connection': 'keep-alive',
            'Content-Type': 'application/json',
        },
        body: form
    }

    const response = await fetch(url, config)
    const json = await response.json()

    console.log(response)
 }

The JSON response:

解决方案

is the same problem for mi application.

Create

<input type="file" id="input_img" onchange="fileChange()" accept="image/*">

The code javascript

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

var settings = {
  "url": "https://api.imgbb.com/1/upload?key=8d5867a9512390fb5e5dc97839aa36f6",
  "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);


});

}

This work for me

这篇关于如何在firefox插件中使用Javascript将图像上传到ImgBB API的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！