APIを使ってファイルをアップロードするにはどうすればいいですか？

開発
1

API を通じてファイルのアップロードを許可する方法がわからず困っています。以下の有益な投稿はご覧になりましたか：How to upload a file via API and get it's URL? - #3 by Daniil_Bazhenov

しかし、実際の構文が記載されておらず、そこが私のつまずきポイントです。AJAX コールの実際の構文をご存知の方はいらっしゃいますか？

私が現在試しているコードは以下の通りです：

 method: "post",
      url: [site]/uploads.json,
      contentType: "multipart/form-data",
      data: {
        type: "composer",
        file: '/path_to_file_from_users_machine'
      },
      headers: {
        "User-Api-Key": key
      },
      dataType: "json",
    }).then((result)=>{

しかし、これでは 422 エラーが返ってきます。構文に何か問題があるようです。どのようにすれば動作するようにできますか？

「いいね！」 1
2

その応答に付随するメッセージはありますか？それにより、より詳細な情報が得られるはずです。

3

私の確認限りでは、このエラーメッセージが唯一の応答です：
Error: Request failed with status code 422

また、ログにも何も表示されていません。

4

動作している Node の例を以下に示します。参考になるかもしれません：

5

@blake さん、どうもありがとうございます。以前は見つからなかった（似たようなものを検索していたにもかかわらず）とても役立つ投稿ですね。これで確実に前に進めそうです。ただ、一点気になったことがあります。リンク先のコードにあるこの行です：

const file = fs.readFileSync(filename);

この行は、Discourse にアップロードされるものが実際のファイルそのものではなく、ファイルの内容（上記のコードでは、ファイル変数はファイルを読み取って返された文字列に等しい）であることを示唆しています。これは私にとって意外で、バイナリファイル（またはメディアファイル）のアップロードに対してそれが何を意味するのか疑問に思います（サイズが適切であれば、メディアファイルは Discourse に直接アップロードできますが、まずそれらを読み取る方法がどうなるかよくわかりません）。

でも、確認してみます。

「いいね！」 1
6

皆さん、こんにちは。苦労と試行錯誤の末、Discourseへのファイルアップロードが機能するPHPサンプルを共有できると思いました。どうぞ。また、元々は communiteq/discourse-api-php: PHP API client for Discourse (github.com) の更新されたライブラリを作成しています。

<?php
	
	$curl = curl_init();
	
	curl_setopt_array($curl, array(
		CURLOPT_URL => 'https://example.com/uploads.json',
		CURLOPT_RETURNTRANSFER => true,
		CURLOPT_ENCODING => '',
		CURLOPT_MAXREDIRS => 10,
		CURLOPT_TIMEOUT => 0,
		CURLOPT_FOLLOWLOCATION => true,
		CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
		CURLOPT_CUSTOMREQUEST => 'POST',
		CURLOPT_POSTFIELDS => array(
			'type' => 'composer',
			'synchronous' => 'true',
			'file'=> new CURLFILE('/directory/filename.txt')),
		CURLOPT_HTTPHEADER => array(
			'Content-Type: multipart/form-data',
			'Accept: application/json',
			'Api-Key: <your api key>',
			'Api-Username: <your api user id>'
		),
	));
	
	$response = curl_exec($curl);
	$info = curl_getinfo($curl);
	curl_close($curl);
	print_r(json_decode($response,1));
	print_r($info);
?>

サンプル出力：

Array
(
    [id] => 627
    [url] => https://example.com/uploads/default/original/1X/4661e3a873857e04440bcc3e4290e241eb6c08d7.txt
    [original_filename] => filename.txt
    [filesize] => 461
    [width] => 
    [height] => 
    [thumbnail_width] => 
    [thumbnail_height] => 
    [extension] => txt
    [short_url] => upload://a2D9hHsjwsdrVWkzlu5Go4c1VvV.txt
    [short_path] => /uploads/short-url/a2D9hHsjwsdrVWkzlu5Go4c1VvV.txt
    [retain_hours] => 
    [human_filesize] => 461 Bytes
    [dominant_color] => 
    [thumbnail] => 
)
Array
(
    [url] => https://example.com/uploads.json
    [content_type] => application/json; charset=utf-8
    [http_code] => 200
    [header_size] => 422
    [request_size] => 1244
    [filetime] => -1
    [ssl_verify_result] => 0
    [redirect_count] => 0
    [total_time] => 0.029617
    [namelookup_time] => 0.00046
    [connect_time] => 0.003265
    [pretransfer_time] => 0.003592
    [size_upload] => 911
    [size_download] => 460
    [speed_download] => 15531
    [speed_upload] => 30759
    [download_content_length] => 460
    [upload_content_length] => 911
    [starttransfer_time] => 0.029604
    [redirect_time] => 0
    [redirect_url] => 
    [primary_ip] => 192.168.192.40
    [certinfo] => Array
        (
        )

    [primary_port] => 80
    [local_ip] => 192.168.192.18
    [local_port] => 61613
    [http_version] => 2
    [protocol] => 1
    [ssl_verifyresult] => 0
    [scheme] => http
    [appconnect_time_us] => 0
    [connect_time_us] => 3265
    [namelookup_time_us] => 460
    [pretransfer_time_us] => 3592
    [redirect_time_us] => 0
    [starttransfer_time_us] => 29604
    [total_time_us] => 29617
    [effective_method] => POST
    [capath] => 
    [cainfo] => 
)

また、こちらのPostmanのサンプルからも非常に多くの助けを得ました： Creates an upload | Discourse | Postman API Network

よろしく

「いいね！」 5