javascriptを使用してjsonデータと一緒にサーバーにファイルとして入力タイプを使用してブラウザから画像をアップロードする方法はありますか？

Question

さらに調査した結果、スーパーエージェントライブラリのように画像を送信するツールが提供されていますが、APIはブラウザから取得できない画像のパスを必要としているようですが、それは私の理解ですか？ .attach（名前、[パス]、[ファイル名]）ですので、npm envで純粋なJavaScriptを使って達成したいものを解決する方法は、ブラウザのファイルアップロードから画像を選択することです。

また、私のpythonバックエンドでは、content-transfer-encoding：content-typeがimage/pngの場合は「base64」、その他のデータはJSON形式であることが要求ヘッダーを要求します。 npmモジュールを扱っており、このタスクにどのようなモジュールを使用するのかをよく知っている人は、あなたのアイデアを自由に共有してください。

ありがとうございました！

Answer 1

これを理解するには数時間かかりました。ブラウザで異なるコンテンツタイプのメタデータを持つイメージをバックエンドサーバーに投稿する必要がある人のためのガイダンスとして役立つことを願っています。

export const addBanner = (ctid, token, base64, kwargs) => { 
let clientTypeId = ctid; 
const URL-ENDPOINT = 'URL-address'; 
request({method: "POST", 
uri: URL-ENDPOINT, 
withCredentials: false, 
multipart: [ 
    { 
    "Content-Disposition": "attachment", 
    "Content-Type": "application/json", 
    "body" : JSON.stringify({ 
     key-name1: '', 
     key-name2: ''}) 
    },{ 
    'Content-Type': "image/png", 
    "content-transfer-encoding": "base64", 
    "Content-Disposition": `attachment ; name = ${banner.name}`, 
    "body": base64 
    }], function(error, response, body){ 
    if (response.statusCode == 200){ 
     console.log("sucess") 
    }else{ 
     console.log('error', error, response,body) 
    } 
    } 
}) 
}