update PublishFile.vue

src/api/im.js

@@ -0,0 +1,14 @@
+import { get, post } from '@/utils/request'
+
+const imApi = {
+  imageFileApi: '/api/im/chat/message/image',
+  heatmapApi: '/api/im/chat/heatmap'
+}
+
+export function putImageFile(jsonData) {
+  return post(imApi.imageFileApi, jsonData)
+}
+
+export function getHeatmap() {
+  return get(imApi.heatmapApi)
+}

src/components/upload/PublishFile.vue

@@ -7,7 +7,7 @@
             <span>上传 IM 图片</span>
           </div>
           <div class="text item">
-            <el-tooltip class="item" effect="dark" content="点击上传图片" placement="top-end">
+            <el-tooltip v-if="imgOssUrl !== null" class="item" effect="dark" content="点击上传图片" placement="top-end">
               <el-upload
                 class="avatar-uploader"
                 :action="imgOssUrl"
@@ -34,23 +34,24 @@
             <span>OSS 地址</span>
           </div>
           <div class="text item">
-            <el-form ref="form" :model="form" label-width="80px">
+            <el-form ref="form" :model="formData" label-width="80px">
               <el-form-item label="视频地址">
-                <el-input v-model="form.fileUrl" style="padding-right: 1px" readonly />
-              </el-form-item>
-              <el-form-item label="图片地址">
-                <el-input v-model="form.imageUrl" style="padding-right: 1px" readonly />
+                <el-input v-model="formData.uploadId" style="padding-right: 1px" readonly />
               </el-form-item>
             </el-form>
           </div>
         </el-card>
       </el-row>
+      <el-row v-if="imageUrl !== null" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+        <el-image :src="imageUrl" />
+      </el-row>
     </el-col>
   </el-row>
 </template>
 
 <script>
 import { getServerInfo } from '@/api/content'
+import { putImageFile } from '@/api/im'
 
 export default {
   name: 'PublishFile',
@@ -65,10 +66,12 @@ export default {
       },
       coverUrl: null,
       // ****************************************************************************************************************
-      form: {
-        fileUrl: null,
-        imageUrl: null
-      }
+      formData: {
+        receiverId: 10011,
+        channelId: null,
+        uploadId: null
+      },
+      imageUrl: null
     }
   },
   created() {
@@ -113,7 +116,14 @@ export default {
       if (res.code === 0) {
         const resData = res.data
         this.coverUrl = URL.createObjectURL(file.raw)
-        this.form.imageUrl = resData.url
+
+        this.formData.channelId = this.imgData.channelId
+        this.formData.uploadId = resData.uploadId
+        putImageFile(this.formData).then(resp => {
+          if (resp.code === 0) {
+            this.imageUrl = resp.data
+          }
+        })
       } else {
         this.$notify({
           title: '提示',