feat: support upload img

Author: Mrjing

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/index.js

@@ -22,7 +22,7 @@ Component({
         allowUploadFile: Boolean,
         allowWebSearch: Boolean,
         allowPullRefresh: Boolean,
-        // allowUploadImage: Boolean,
+        allowUploadImage: Boolean,
       },
     },
     modelConfig: {
@@ -106,7 +106,7 @@ Component({
     footerHeight: 73,
     lastScrollTop: 0,
     showUploadFile: true,
-    showUploadImg: false,
+    showUploadImg: true,
     showWebSearchSwitch: false,
     showPullRefresh: true,
     useWebSearch: false,
@@ -159,18 +159,20 @@ Component({
       const { chatRecords } = this.data;
       // 随机选取三个初始化问题
       const questions = randomSelectInitquestion(bot.initQuestions, 3);
-      let { allowWebSearch, allowUploadFile, allowPullRefresh } = this.data.agentConfig;
+      let { allowWebSearch, allowUploadFile, allowPullRefresh, allowUploadImage } = this.data.agentConfig;
       console.log("allowWebSearch", allowWebSearch);
       allowWebSearch = allowWebSearch === undefined ? true : allowWebSearch;
       allowUploadFile = allowUploadFile === undefined ? true : allowUploadFile;
       allowPullRefresh = allowPullRefresh === undefined ? true : allowPullRefresh;
+      allowUploadImage = allowUploadImage === undefined ? true : allowUploadImage;
       console.log("allowUploadFile", allowUploadFile);
       this.setData({
         bot,
         questions,
         chatRecords: [...chatRecords, record],
         showWebSearchSwitch: allowWebSearch,
         showUploadFile: allowUploadFile,
+        showUploadImg: allowUploadImage,
         showPullRefresh: allowPullRefresh,
       });
     }
@@ -485,6 +487,13 @@ Component({
       });
     },
     handleUploadImg: function (sourceType) {
+      if(!this.data.bot.searchFileEnable) {
+        wx.showModal({
+          title: "提示",
+          content: "请前往腾讯云开发平台启用 Agent 文件上传功能",
+        });
+        return;
+      }
       const self = this;
       const isCurSendFile = this.data.sendFileList.find((item) => item.rawType === "file");
       if (isCurSendFile) {

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/index.wxml

@@ -142,14 +142,14 @@
         <image src="./imgs/clear.svg" alt="widthFix" class="icon" />
         <text class="text_desc">清除</text>
       </view>
-      <view wx:if="{{showUploadImg && chatMode === 'bot'}}" class="function" bind:tap="handleAlbum">
-        <image src="./imgs/uploadImg.svg" alt="widthFix" class="icon" />
-        <text class="text_desc">图片</text>
-      </view>
       <view wx:if="{{showUploadFile && chatMode === 'bot'}}" class="function" bind:tap="handleUploadMessageFile">
         <image src="./imgs/wechat.svg" alt="widthFix" class="icon" />
         <text class="text_desc">微信文件</text>
       </view>
+      <view wx:if="{{showUploadImg && chatMode === 'bot'}}" class="function" bind:tap="handleAlbum">
+        <image src="./imgs/uploadImg.svg" alt="widthFix" class="icon" />
+        <text class="text_desc">图片</text>
+      </view>
       <view wx:if="{{showUploadImg && chatMode === 'bot'}}" class="function" bind:tap="handleCamera">
         <image src="./imgs/camera.svg" alt="widthFix" class="icon" />
         <text class="text_desc">相机</text>

apps/miniprogram-agent-ui/miniprogram/pages/chatBot/chatBot.js

@@ -10,7 +10,8 @@ Page({
       botId: "bot-db3cab4a", // agent id,
       allowWebSearch: true, // 允许客户端选择启用联网搜索
       allowUploadFile: true, // 允许上传文件
-      allowPullRefresh: true // 允许下拉刷新
+      allowPullRefresh: true, // 允许下拉刷新
+      allowUploadImage: true, // 允许上传图片
     },
     modelConfig: {
       modelProvider: "hunyuan-open", // 大模型服务厂商