使用Gmail发送带内嵌图片的消息
中级
这是一个Building Blocks领域的自动化工作流，包含 10 个节点。主要使用 Set, HttpRequest, ManualTrigger, ExtractFromFile 等节点。 使用Gmail发送带内嵌图片的消息
前置要求
- •可能需要目标 API 的认证凭证
分类
工作流预览
可视化展示节点连接关系，支持缩放和平移
导出工作流
复制以下 JSON 配置到 n8n 导入，即可使用此工作流
{
"meta": {
"instanceId": "cb484ba7b742928a2048bf8829668bed5b5ad9787579adea888f05980292a4a7"
},
"nodes": [
{
"id": "e7725ddb-8cdc-4e36-8a9e-5bf079d94972",
"name": "当点击\"测试工作流\"时",
"type": "n8n-nodes-base.manualTrigger",
"position": [
460,
460
],
"parameters": {},
"typeVersion": 1
},
{
"id": "7cd477d3-e7fd-4a2b-b39e-f5b00271540a",
"name": "撰写消息",
"type": "n8n-nodes-base.set",
"position": [
1340,
460
],
"parameters": {
"options": {},
"assignments": {
"assignments": [
{
"id": "2addc1b4-68a0-4c72-87d6-d47286eef70c",
"name": "raw",
"type": "string",
"value": "={{ \"From: \"+$('Message settings').item.json.from+\"\\nTo: \"+$('Message settings').item.json.to+\"\\nSubject: \"+$('Message settings').item.json.subject+\"\\nMIME-Version: 1.0\\nContent-Type: multipart/related; boundary=boundary1\\n\\n--boundary1\\nContent-Type: text/html; charset=UTF-8\\n\\n<html>\\n<body>\\n\"+$('Message settings').item.json.body_html+\"\\n</body>\\n</html>\\n\\n--boundary1\\nContent-Type: \"+$('Get image').item.binary.data.mimeType+\"\\nContent-Transfer-Encoding: base64\\nContent-Disposition: inline\\nContent-ID: <image1>\\n\\n\"+$json.chart1+\"\\n\\n--boundary1--\\n\" }}"
}
]
}
},
"typeVersion": 3.3
},
{
"id": "4aca2efe-cf79-4cec-8912-44761595e9ea",
"name": "发送消息",
"type": "n8n-nodes-base.httpRequest",
"position": [
1560,
460
],
"parameters": {
"url": "https://www.googleapis.com/gmail/v1/users/me/messages/send",
"body": "={ \"raw\": \"{{ $json.raw.base64Encode() }}\"}",
"method": "POST",
"options": {},
"sendBody": true,
"contentType": "raw",
"authentication": "predefinedCredentialType",
"rawContentType": "application/json",
"nodeCredentialType": "gmailOAuth2"
},
"credentials": {
"gmailOAuth2": {
"id": "198",
"name": "Gmail account (David)"
}
},
"typeVersion": 4.2
},
{
"id": "75ec79b0-782a-462e-8f68-5c3f6a77190a",
"name": "获取图片",
"type": "n8n-nodes-base.httpRequest",
"position": [
900,
460
],
"parameters": {
"url": "https://thistleandrose.co.uk/img/userimages/Page/0/bgmainfront.jpg",
"options": {}
},
"typeVersion": 4.2
},
{
"id": "23d3665c-0dfe-470c-98b6-ac67bcd186ee",
"name": "消息设置",
"type": "n8n-nodes-base.set",
"position": [
680,
460
],
"parameters": {
"options": {},
"assignments": {
"assignments": [
{
"id": "b640b120-cf83-4141-8a74-59da3ec1bb92",
"name": "from",
"type": "string",
"value": "sender@example.com"
},
{
"id": "a01d10b2-a61c-4173-b31c-b24c6c0859d4",
"name": "to",
"type": "string",
"value": "recipient@example.com"
},
{
"id": "1173b361-ed4b-4c3d-af96-c66b9909a4c4",
"name": "subject",
"type": "string",
"value": "Email with embedded image"
},
{
"id": "b6c8771a-f1c9-4952-9b9d-2684a8017ff4",
"name": "body_html",
"type": "string",
"value": "=<p>This email contains an embedded image:</p>\n<p><img src='cid:image1'></p>"
}
]
}
},
"typeVersion": 3.3
},
{
"id": "f2586628-8664-442b-b822-2caa075f6f4d",
"name": "将图片转换为base64格式",
"type": "n8n-nodes-base.extractFromFile",
"position": [
1120,
460
],
"parameters": {
"options": {},
"operation": "binaryToPropery",
"destinationKey": "chart1"
},
"typeVersion": 1
},
{
"id": "69de86e7-eef2-4792-81db-1fdb930c7790",
"name": "便签",
"type": "n8n-nodes-base.stickyNote",
"position": [
860,
340
],
"parameters": {
"color": 7,
"width": 168.75,
"height": 281.25,
"content": "从互联网获取随机图片。请替换为您自己的图片（应命名为'data'）"
},
"typeVersion": 1
},
{
"id": "9bf60739-3388-4394-bec4-542ec3fddbb8",
"name": "便签1",
"type": "n8n-nodes-base.stickyNote",
"position": [
1520,
340
],
"parameters": {
"color": 7,
"width": 168.75,
"height": 281.25,
"content": "我们使用HTTP节点而非Gmail节点。请在此处添加您的Gmail凭据"
},
"typeVersion": 1
},
{
"id": "2700414e-3fb1-45de-9550-c1ffb5702b94",
"name": "便签2",
"type": "n8n-nodes-base.stickyNote",
"position": [
640,
340
],
"parameters": {
"color": 7,
"width": 168.75,
"height": 281.25,
"content": "要在邮件正文中使用图片，请插入 <img src='cid:image1'>"
},
"typeVersion": 1
},
{
"id": "81d9af8b-b232-4d15-8c7a-c773a2fb7aa8",
"name": "便签3",
"type": "n8n-nodes-base.stickyNote",
"position": [
160,
360
],
"parameters": {
"height": 205,
"content": "## 试用说明"
},
"typeVersion": 1
}
],
"pinData": {},
"connections": {
"Get image": {
"main": [
[
{
"node": "Convert image to base64",
"type": "main",
"index": 0
}
]
]
},
"Compose message": {
"main": [
[
{
"node": "Send message",
"type": "main",
"index": 0
}
]
]
},
"Message settings": {
"main": [
[
{
"node": "Get image",
"type": "main",
"index": 0
}
]
]
},
"Convert image to base64": {
"main": [
[
{
"node": "Compose message",
"type": "main",
"index": 0
}
]
]
},
"When clicking \"Test workflow\"": {
"main": [
[
{
"node": "Message settings",
"type": "main",
"index": 0
}
]
]
}
}
}常见问题
如何使用这个工作流？
复制上方的 JSON 配置代码，在您的 n8n 实例中创建新工作流并选择「从 JSON 导入」，粘贴配置后根据需要修改凭证设置即可。
这个工作流适合什么场景？
中级 - 构建模块
需要付费吗？
本工作流完全免费，您可以直接导入使用。但请注意，工作流中使用的第三方服务（如 OpenAI API）可能需要您自行付费。
相关工作流推荐
在n8n中使用Gemini AI处理图像和PDF的5种方法
在n8n中使用Gemini AI处理图像和PDF的5种方法
Set
Filter
Split Out
+7
28 节点Julian Kaiser
构建模块
支持文本、语音、图像和PDF的AI驱动WhatsApp聊天机器人（RAG）
支持文本、语音、图像和PDF的AI驱动WhatsApp聊天机器人（RAG）
Set
Code
Switch
+15
35 节点NovaNode
工程
使用AI翻译音频
使用AI翻译音频
Set
Http Request
Manual Trigger
+3
12 节点David Roberts
人工智能
YouTube Shorts + 自定义MCP服务器
使用OpenAI通过MCP服务器从Reddit内容自动生成YouTube Shorts
If
Set
Wait
+10
43 节点jolonbankey
设计
将图片从JPG/PNG转换为WebP
使用APYHub和Google Drive自动优化图片：将JPG/PNG转换为WebP
Set
Code
Switch
+5
12 节点Davide
其他
自动剪辑 – 自动生成视频剪辑并上传到YouTube
使用FFmpeg自动创建并上传包含泰语引文的YouTube视频
Set
Code
Merge
+7
23 节点Jaruphat J.
产品
