シンプルなファイルアップロード

中級

これはIT Ops分野の自動化ワークフローで、10個のノードを含みます。主にWait, Airtop, ManualTriggerなどのノードを使用。 Postimages.orgへの自動スクリーンショットアップロード:Airtopブラウザ自動化

前提条件
  • 特別な前提条件なし、インポートしてすぐに使用可能

カテゴリー

ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
  "id": "ZLSSXI155yu5zYsS",
  "meta": {
    "instanceId": "28a947b92b197fc2524eaba16e57560338657b2b0b5796300b2f1cedc1d0d355",
    "templateCredsSetupCompleted": true
  },
  "name": "Simple File Upload",
  "tags": [],
  "nodes": [
    {
      "id": "982d8d40-708e-4312-91ce-d1f40cb765ba",
      "name": "ワークフロー実行時クリック",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        0,
        60
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "e291766a-0d52-4e13-b0e5-048cb2731687",
      "name": "セッション",
      "type": "n8n-nodes-base.airtop",
      "position": [
        220,
        60
      ],
      "parameters": {
        "additionalFields": {}
      },
      "credentials": {
        "airtopApi": {
          "id": "Yi4YPNnovLVUjFn5",
          "name": "Airtop Official Org"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "71bf9ce1-f079-486a-9e94-93e53de4a0ec",
      "name": "ウィンドウ",
      "type": "n8n-nodes-base.airtop",
      "position": [
        440,
        -40
      ],
      "parameters": {
        "url": "https://postimages.org/",
        "resource": "window",
        "additionalFields": {}
      },
      "credentials": {
        "airtopApi": {
          "id": "Yi4YPNnovLVUjFn5",
          "name": "Airtop Official Org"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "719d6f46-cfa8-4b68-a7c3-a26a25e74783",
      "name": "スクリーンショットアップロード",
      "type": "n8n-nodes-base.airtop",
      "position": [
        880,
        -40
      ],
      "parameters": {
        "source": "binary",
        "fileName": "screenshot.jpg",
        "fileType": "screenshot",
        "resource": "file",
        "operation": "upload",
        "elementDescription": "Upload button \"Choose images\""
      },
      "credentials": {
        "airtopApi": {
          "id": "Yi4YPNnovLVUjFn5",
          "name": "Airtop Official Org"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "676f52e1-c605-4d72-a676-5dd9b332910b",
      "name": "付箋6",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        1260,
        -200
      ],
      "parameters": {
        "color": 7,
        "width": 220,
        "height": 320,
        "content": "### Validation\nYou should see in the post-upload screenshot the preview of the image uploaded."
      },
      "typeVersion": 1
    },
    {
      "id": "1b3429ec-3d61-47c4-be66-50eb6e18970b",
      "name": "5秒待機",
      "type": "n8n-nodes-base.wait",
      "position": [
        1100,
        -40
      ],
      "webhookId": "34e4acb6-b47a-4d00-a551-279c77d88ee5",
      "parameters": {},
      "typeVersion": 1.1
    },
    {
      "id": "52b48e98-0574-4ec0-88c3-cca3f7f8ea99",
      "name": "スクリーンショット撮影",
      "type": "n8n-nodes-base.airtop",
      "position": [
        660,
        -40
      ],
      "parameters": {
        "resource": "window",
        "operation": "takeScreenshot",
        "outputImageAsBinary": true
      },
      "credentials": {
        "airtopApi": {
          "id": "Yi4YPNnovLVUjFn5",
          "name": "Airtop Official Org"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "91fff060-edee-4d30-b287-ff4f7631caf3",
      "name": "終了",
      "type": "n8n-nodes-base.airtop",
      "position": [
        440,
        160
      ],
      "parameters": {
        "operation": "terminate"
      },
      "credentials": {
        "airtopApi": {
          "id": "Yi4YPNnovLVUjFn5",
          "name": "Airtop Official Org"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "ba9c05fb-eded-4c04-a525-c3cf17644754",
      "name": "アップロード後スクリーンショット",
      "type": "n8n-nodes-base.airtop",
      "position": [
        1320,
        -40
      ],
      "parameters": {
        "resource": "window",
        "operation": "takeScreenshot",
        "outputImageAsBinary": true
      },
      "credentials": {
        "airtopApi": {
          "id": "Yi4YPNnovLVUjFn5",
          "name": "Airtop Official Org"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "92965720-b24d-4f74-80c3-726592fdd6f9",
      "name": "付箋",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -700,
        -320
      ],
      "parameters": {
        "color": 5,
        "width": 640,
        "height": 1100,
        "content": "README\n\n# Automating File (Image) Upload to Postimages.org\n\n## Use Case\nManually uploading screenshots or other image files to hosting platforms like Postimages.org can be tedious and time-consuming. This automation simplifies the process by automatically uploading an image to Postimages.org and validating the result, which is especially useful for repetitive QA tasks, reporting, or archiving visual web data.\n\n## What This Automation Does\nThis automation uploads a screenshot to [Postimages.org](https://postimages.org/) using the following steps:\n\n- Creates a browser session using Airtop.\n- Navigates to the Postimages.org upload page.\n- Takes a screenshot using the browser session.\n- Uploads the screenshot to the site via the \"Choose images\" button.\n- Waits briefly to ensure upload processing.\n- Captures a post-upload screenshot for validation.\n\n## How It Works\n1. **Session Initialization**: Starts a browser session using the Airtop node.\n2. **Navigation**: Opens the URL `https://postimages.org/` in a new window.\n3. **Screenshot Capture**: Takes a screenshot to use for upload.\n4. **File Upload**: Uploads the screenshot to the site using the file upload interaction.\n5. **Validation**: Waits 5 seconds and then captures a second screenshot to confirm the image was uploaded successfully.\n\n## Setup Requirements\n1. [Airtop API Key](https://portal.airtop.ai/api-keys) — required for session creation and browser interactions.\n\n## Next Steps\n- **Customize for Other Sites**: Adapt this workflow to automate file uploads to different platforms.\n- **Integrate with Reporting Tools**: Combine this automation with workflows that require image reporting or archiving.\n- **Enhance Validation**: Add logic to parse the upload confirmation or retrieve the image URL programmatically for logging or sharing.\n"
      },
      "typeVersion": 1
    }
  ],
  "active": false,
  "pinData": {},
  "settings": {
    "executionOrder": "v1"
  },
  "versionId": "b8bec902-dea8-463f-8ffa-28682eceed01",
  "connections": {
    "71bf9ce1-f079-486a-9e94-93e53de4a0ec": {
      "main": [
        [
          {
            "node": "52b48e98-0574-4ec0-88c3-cca3f7f8ea99",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "e291766a-0d52-4e13-b0e5-048cb2731687": {
      "main": [
        [
          {
            "node": "71bf9ce1-f079-486a-9e94-93e53de4a0ec",
            "type": "main",
            "index": 0
          },
          {
            "node": "91fff060-edee-4d30-b287-ff4f7631caf3",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "1b3429ec-3d61-47c4-be66-50eb6e18970b": {
      "main": [
        [
          {
            "node": "ba9c05fb-eded-4c04-a525-c3cf17644754",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "52b48e98-0574-4ec0-88c3-cca3f7f8ea99": {
      "main": [
        [
          {
            "node": "719d6f46-cfa8-4b68-a7c3-a26a25e74783",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "719d6f46-cfa8-4b68-a7c3-a26a25e74783": {
      "main": [
        [
          {
            "node": "1b3429ec-3d61-47c4-be66-50eb6e18970b",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "982d8d40-708e-4312-91ce-d1f40cb765ba": {
      "main": [
        [
          {
            "node": "e291766a-0d52-4e13-b0e5-048cb2731687",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
よくある質問

このワークフローの使い方は?

上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。

このワークフローはどんな場面に適していますか?

中級 - IT運用

有料ですか?

このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。

ワークフロー情報
難易度
中級
ノード数10
カテゴリー1
ノードタイプ4
難易度説明

経験者向け、6-15ノードの中程度の複雑さのワークフロー

作成者

Airtop provides an intelligent browser automation API for AI agents, enabling seamless web interaction, including login, navigation, and data extraction from any site, even those with complex authentication - all with natural language instructions.In simple terms, we allow you to automate anything humans can do online, on any site with just words

外部リンク
n8n.ioで表示

このワークフローを共有

カテゴリー

カテゴリー: 34