# Create an Image — Typeform

> Adds an image in your Typeform account. See the docs here

- Key: `typeform-create-image`
- Type: Action (Write)
- Version: 0.0.3
- App: Typeform (`typeform`) — https://pipedream.com/apps/typeform.md
- This page (HTML): https://pipedream.com/apps/typeform/actions/create-image
- Hints: open-world
- Source: https://github.com/PipedreamHQ/pipedream/blob/master/components/typeform/actions/create-image/create-image.mjs

## Description

Adds an image in your Typeform account. [See the docs here](https://developer.typeform.com/create/reference/create-image/)

## Props

| Prop | Type | Required | Description |
|---|---|---|---|
| `fileName` | `string` | Yes | File name for the image |
| `image` | `string` | No | Base64 code for the image. Note that base64 encoders may add descriptors to the code (such as data:image/png;base64,). Do not include these descriptors in your image string---include only the base64 code. We also recommend that you don't paste the exact string value into this property box. Instead you can pass an expression that references a variable from a previous step such as {{steps.nodejs.$return_value}}. |
| `url` | `string` | No | URL of the image to be added in your Typeform account |

## Run it

**MCP**

```ts
import { Client } from "@modelcontextprotocol/sdk/client/index.js"
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js"
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const accessToken = await pd.rawAccessToken

const transport = new StreamableHTTPClientTransport(
  new URL("https://remote.mcp.pipedream.net/v3"),
  {
    requestInit: {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        "x-pd-project-id": process.env.PIPEDREAM_PROJECT_ID!,
        "x-pd-environment": "production",
        "x-pd-external-user-id": "{external_user_id}", // any stable ID for this user in your system
        "x-pd-app-slug": "typeform",
      },
    },
  },
)

const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)

const { tools } = await mcp.listTools()

// listTools() hands your model this tool's input schema, so it can
// fill the arguments itself:
const result = await mcp.callTool({
  name: "typeform-create-image",
  arguments: {
    fileName: "File name",
    image: "Base64 image",
  },
})
```

**TypeScript**

```ts
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const result = await pd.actions.run({
  id: "typeform-create-image",
  externalUserId: "{external_user_id}", // any stable ID for this user in your system
  configuredProps: {
    typeform: { authProvisionId: "apn_xxxxxxx" },
    fileName: "File name",
    image: "Base64 image",
  },
})

console.log(result)
```

**cURL**

```bash
curl -X POST https://api.pipedream.com/v1/connect/{project_id}/actions/run \
  -H "Content-Type: application/json" \
  -H "X-PD-Environment: production" \
  -H "Authorization: Bearer {access_token}" \
  -d '{
    "external_user_id": "{external_user_id}",
    "id": "typeform-create-image",
    "configured_props": {
      "typeform": { "authProvisionId": "apn_xxxxxxx" },
      "fileName": "File name",
      "image": "Base64 image"
    }
  }'
```

---

- App: https://pipedream.com/apps/typeform.md · All apps: https://pipedream.com/apps