diff --git a/src/pages/result/components/SuccessComponent.tsx b/src/pages/result/components/SuccessComponent.tsx
index 20f5e1e..899cfa9 100644
--- a/src/pages/result/components/SuccessComponent.tsx
+++ b/src/pages/result/components/SuccessComponent.tsx
@@ -31,7 +31,7 @@ const SuccessComponent: React.FC<SuccessComponentProps> = ({ task }) => {
             task.outputUrl.includes('.mp4') ? (
               <video className="result-video" src={task.outputUrl} controls autoPlay muted loop />
             ) : (
-              <img className="result-image" src={`https://mixvideo-workflow.bowong.cc/cdn/${encodeURI(task.outputUrl)}`} alt="Generated result" />
+              <img className="result-image" src={`https://mixvideo-workflow.bowong.cc/cdn/${encodeURIComponent(task.outputUrl)}`} alt="Generated result" />
             )
           ) : (
             <div className="result-placeholder">