javascript 다중 이미지 파일 정보 분리에 대해 질문있습니다.


  1. multiple file 에서 담은 정보들을 분리해서 2개의 input type file에 저장
  2. 이미지 정보들을 세팅하는 것과 파일 정보를 불러오는 것까지 하였지만 각각 분리해서 파일 정보저장이 안되는데 어떤 부분이 잘못 됬는지 지적 부탁드립니다.
  <input type="file" name="upload_img[]" id="upload_img" onChange="load_image()" required="required" accept="image/x-png, image/jpeg" multiple="" />

<img id = "img_File1"/>
<input type="file" style="" id="File1" />

<img id = "img_File2"/>
<input type="file" style="" id="File2" />

제일 첫번째 file 선택에서 여러개의(2개) 이미지를 선택하면 다음 File1 과 File2 에 선택된 이미지들을 분리해서 각각 정보들을 저장하려고 합니다.

function upload_Image(){

    /** 파일 체크 **/
    var fileCheck   = "";
    var fileCnt     = 0;

    var img = $('#upload_img[type=file]').get(0);
    for (var x = 0; x < img.files.length; x++) {
        fileCnt++;
    }

    if($("#img_Chk").val() == "Y" && fileCnt > 0) {
        $("#fileCnt").val(fileCnt);


        for(var i = 0; i < fileCnt; i++)
        {
                        // 각각 분리하여 파일 정보 저장
                        $("#"+"File"+i+1).val(img.files[i]);
        }
}
  • 2016년 04월 06일에 작성됨

조회수 351


1 답변


<input type="file"> 이 가진 데이터를 넘겨주고 싶다면 .val() 대신 FileReader를 사용해보세요.

https://developer.mozilla.org/ko/docs/Web/API/FileReader/readAsDataURL


로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close