이미지 경로 가져 오기 및 TextArea 표시

Question

내 MVC 웹 응용 프로그램에서 이미지 경로를 가져 와서 텍스트 영역에 표시하고 싶습니다. 여기 내 코드 조각이지만 작동하지 않았다!

 <label>Load Picture</label>&ensp; 
      <input id="uploadImage" type="file" name="myPhoto" accept="image/gif, image/jpeg, image/png" class="form-control" onchange="PreviewImage();" /> 
      <script type="text/javascript"> 
       function PreviewImage() { 
        var oFReader = new FileReader(); 
        oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]); 

        oFReader.onload = function (oFREvent) { 
         document.getElementById("uploadPreview").src = oFREvent.target.result; 
        }; 
       }; 
      </script> 
      <img id="uploadPreview" style="width: 350px; height: 400px;" class="form-control" /><br /> 

      <label>Save</label> 
      <input type="button" class="btn btn-primary" value="Save" onclick="LoadCuepoint();" /> 
      <script type="text/javascript"> 
       function LoadCuepoint() { 
        textArea1.value = path.getElementById("uploadImage"); 
       }; 
      </script> 

Answer 1

코드가 완전하지는 않지만 파일 입력과 텍스트 영역이 이미 있다고 가정합니다. 그렇다면, 다음 작업을해야합니다 :

function handleFilePath(input) { 
    // Initialize file variable 
    var file; 

    // Check if a file is actually selected 
    if (input.files && (file = input.files[0])) { 
     // Create a FileReader 
     var fileReader = new FileReader(); 

     // Listen to its onload event 
     fileReader.onload = function(e) { 
      // Set the result to textarea 
      document.getElementById("filePathTextArea").value = e.target.result; 
     }; 

     // Then read the file 
     fileReader.readAsDataURL(file); 
    } 
} 

: 파일이 변경

<input type="file" onchange="handleFilePath(this);" /> 
<textarea id="filePathTextArea"></textarea> 

되면, 당신은을 FileReader를 사용하여 경로를 읽을 수 있어야