diff --git a/mindinsight/ui/src/locales/zh-cn.json b/mindinsight/ui/src/locales/zh-cn.json
index 782d705d..7ac5b51b 100644
--- a/mindinsight/ui/src/locales/zh-cn.json
+++ b/mindinsight/ui/src/locales/zh-cn.json
@@ -709,7 +709,7 @@
     "viewScore": "查看评分",
     "fetch": "筛选",
     "minConfidence": "概率阈值",
-    "confidenceRange": "概率(区间)",
+    "confidenceRange": "概率（区间）",
     "imgSort": "图片排序",
     "default": "默认",
     "byProbability": "概率值降序",
diff --git a/mindinsight/ui/src/views/train-manage/image.vue b/mindinsight/ui/src/views/train-manage/image.vue
index 5caba223..8c3c645a 100644
--- a/mindinsight/ui/src/views/train-manage/image.vue
+++ b/mindinsight/ui/src/views/train-manage/image.vue
@@ -387,7 +387,9 @@ export default {
           (res) => {
             sampleItem.showErrMsg = false;
             sampleItem.curImgUrl =
-            `${basePath}${this.imageBasePath}train_id=${sampleItem.summaryId}` +
+            `${basePath}${this.imageBasePath}train_id=${encodeURIComponent(
+                sampleItem.summaryId,
+            )}` +
             `&tag=${encodeURIComponent(sampleItem.tagName)}&step=${
               params.step
             }&wt=${params.wt}`;
@@ -400,7 +402,9 @@ export default {
             } else {
               sampleItem.showErrMsg = false;
               sampleItem.curImgUrl =
-              `${basePath}${this.imageBasePath}train_id=${sampleItem.summaryId}` +
+              `${basePath}${this.imageBasePath}train_id=${encodeURIComponent(
+                  sampleItem.summaryId,
+              )}` +
               `&tag=${encodeURIComponent(sampleItem.tagName)}&step=${
                 params.step
               }&wt=${params.wt}`;