πκΈ°λ³Έμ μΌλ‘ ν¬λ‘¬, μ¨μΌ κ³Ό κ°μ λΈλΌμ°μ λ€μ javascript μμ λ‘컬 λμ€ν¬μ μ κ·Όνλκ²μ 보μμ λ¬Έμ λ‘ κΈμ§νλ€.
λ¬΄μ¨ λ»μ΄λλ©΄ νμΌ κ²½λ‘λ₯Ό μ λλ‘ λΆλ¬μ¬ μ μλ€λ λ»μ΄λ€.
μ΄λ°μμΌλ‘ C:\ λλΌμ΄λΈ μμ κ²½λ‘κ° fakepathλ‘ λμ΄μμ΄ μ΄λ―Έμ§λ₯Ό dbμ μ μ₯ν μ μμλ€.
flask λ‘ μ΄λ―Έμ§ κ²½λ‘λ§ μ λ¬μ΄ λλ©΄ mongodbλ‘ μ΄λ―Έμ§ μ¬λ¦¬λκ²μ μμ μ΄ μμλλ°... javascript μͺ½ λ¬Έμ λ₯Ό ν΄κ²°νμ§ λͺ»νμλ€...
μ°Ύμ보λfunction theimage(){ var filename = document.getElementById('file-id').value; document.getElementById('file-path').value = filename; alert(filename); }
μμ κ°μ ν¨μλ‘ javascriptμμ κ²½λ‘λ₯Ό μ μ₯νλ©΄ λμ§λ§, μκ°λ λΆμ‘±νκ³ , flask (backend)λ₯Ό λ΄λΉνμ΄μ λ΄κ° μ§μ§ μμ front λΆλΆμ λ€ μ½μ΄λ³΄κ³ μμ νκΈ°λ λ§λ§μΉ μμλ€.
π 3μΌ μ§Έ νμλ₯Ό κ°μ‘°νλκ² κ°μ§λ§ κΈ°μ μ μΈ λΆλΆλ³΄λ€ λμ± μ€μνκ² λκ»΄μ§λ€.
μ΄κΈ° κΈ°λ₯ νμ κ³Όμ μμ μ’ λ μμΈν μ°Ύμλ³΄κ³ μ€κ³λ₯Ό νλ€λ©΄ μλ²½νκ² ν μ μμμν λ° γ γ μμΌνλ€...
π νμ μκΈ° μ κΈ°λ°μ νΌνΌνκ² λ€μ§κ³ νμ μμμΌκ² λ€.
μλ‘ μ½λλ₯Ό μ§λ©° λκ°λ₯Ό μΆκ°νλ €κ³ νλ μμ² κΌ¬μλ κ² κ°λ€.
π λ€λ₯Ένλ€μ νλ‘ νΈ λΆλΆμ μκ°μ λ§μ΄ ν¬μνκ³ κ³ λ―Όμ νκ² λ³΄μλ€. νμ΄μ§κ° λ무 μ΄μκ³ μ κΈ°νκ² λλ¨νκ³ λ€μμλ λλ λΆνΈμ€νΈλ©μμ μ΄μ UI λ€μ μ°Ύμμμ μ κΎΈλ©°λ΄μΌκ² λ€.. γ