Wook

img나 video src에 관해 질문있습니다.

<p>이건 코드 전체입니다.&nbsp;</p>
<p></p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #569cd6;">const</span>&nbsp;<span style="color: #dcdcaa;">express</span>&nbsp;=&nbsp;<span style="color: #dcdcaa;">require</span>(<span style="color: #ce9178;">"express"</span>);</div>
<div><span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">router</span>&nbsp;=&nbsp;<span style="color: #dcdcaa;">express</span>.<span style="color: #dcdcaa;">Router</span>();</div>
<div><span style="color: #6a9955;">//&nbsp;const&nbsp;{&nbsp;Video&nbsp;}&nbsp;=&nbsp;require("../models/Video");</span></div>
<div><span style="color: #569cd6;">const</span>&nbsp;<span style="color: #dcdcaa;">multer</span>&nbsp;=&nbsp;<span style="color: #dcdcaa;">require</span>(<span style="color: #ce9178;">"multer"</span>);</div>
<br />
<div><span style="color: #569cd6;">let</span>&nbsp;<span style="color: #9cdcfe;">storage</span>&nbsp;=&nbsp;<span style="color: #dcdcaa;">multer</span>.<span style="color: #dcdcaa;">diskStorage</span>({</div>
<div>&nbsp;&nbsp;<span style="color: #dcdcaa;">destination</span><span style="color: #9cdcfe;">:</span>&nbsp;(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">file</span>,&nbsp;<span style="color: #dcdcaa;">cb</span>)&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">cb</span>(<span style="color: #569cd6;">null</span>,&nbsp;<span style="color: #ce9178;">"uploads/"</span>);</div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #dcdcaa;">filename</span><span style="color: #9cdcfe;">:</span>&nbsp;(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">file</span>,&nbsp;<span style="color: #dcdcaa;">cb</span>)&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">cb</span>(<span style="color: #569cd6;">null</span>,&nbsp;<span style="color: #ce9178;">`</span><span style="color: #569cd6;">${</span><span style="color: #4ec9b0;">Date</span>.<span style="color: #dcdcaa;">now</span>()<span style="color: #569cd6;">}</span><span style="color: #ce9178;">_</span><span style="color: #569cd6;">${</span><span style="color: #9cdcfe;">file</span>.<span style="color: #9cdcfe;">originalname</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>);</div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #dcdcaa;">fileFilter</span><span style="color: #9cdcfe;">:</span>&nbsp;(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">file</span>,&nbsp;<span style="color: #9cdcfe;">cb</span>)&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">ext</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">path</span>.<span style="color: #dcdcaa;">extname</span>(<span style="color: #9cdcfe;">file</span>.<span style="color: #9cdcfe;">originalname</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #4fc1ff;">ext</span>&nbsp;!==&nbsp;<span style="color: #ce9178;">".mp4"</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">return</span>&nbsp;<span style="color: #dcdcaa;">cb</span>(<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">status</span>(<span style="color: #b5cea8;">400</span>).<span style="color: #dcdcaa;">end</span>(<span style="color: #ce9178;">"only&nbsp;jpg,&nbsp;png,&nbsp;mp4&nbsp;is&nbsp;allowed"</span>),&nbsp;<span style="color: #569cd6;">false</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">cb</span>(<span style="color: #569cd6;">null</span>,&nbsp;<span style="color: #569cd6;">true</span>);</div>
<div>&nbsp;&nbsp;},</div>
<div>});</div>
<br />
<div><span style="color: #569cd6;">const</span>&nbsp;<span style="color: #dcdcaa;">upload</span>&nbsp;=&nbsp;<span style="color: #dcdcaa;">multer</span>({&nbsp;<span style="color: #9cdcfe;">storage</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">storage</span>&nbsp;}).<span style="color: #dcdcaa;">single</span>(<span style="color: #ce9178;">"file"</span>);</div>
<br />
<div><span style="color: #6a9955;">//=================================</span></div>
<div><span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;video</span></div>
<div><span style="color: #6a9955;">//=================================</span></div>
<br />
<div><span style="color: #4fc1ff;">router</span>.<span style="color: #dcdcaa;">post</span>(<span style="color: #ce9178;">"/uploadfile"</span>,&nbsp;(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">res</span>)&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;비디오를&nbsp;서버에&nbsp;저장</span></div>
<div>&nbsp;&nbsp;<span style="color: #dcdcaa;">upload</span>(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">res</span>,&nbsp;(<span style="color: #9cdcfe;">err</span>)&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #9cdcfe;">err</span>)&nbsp;<span style="color: #c586c0;">return</span>&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>({&nbsp;<span style="color: #9cdcfe;">success</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #569cd6;">false</span>,&nbsp;<span style="color: #9cdcfe;">err</span>&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">return</span>&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>({&nbsp;<span style="color: #9cdcfe;">success</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #569cd6;">true</span>,&nbsp;<span style="color: #9cdcfe;">fileName</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">file</span>&nbsp;});</div>
<div>&nbsp;&nbsp;});</div>
<div>});</div>
<br />
<div><span style="color: #4fc1ff;">module</span>.<span style="color: #4fc1ff;">exports</span>&nbsp;=&nbsp;<span style="color: #4fc1ff;">router</span>;</div>
</div>

Wook

投稿