기본 64 인코딩 동일한 파일에있는 두 이미지에

여기 내가 두 개의 양식 필드를 가지고,이 이미지에서 기본 64 인코딩을 변환하고 싶습니다, 그 후 JSON 형식으로 다음 URL로 전달하려면, 난 이 같은 노력하지만, 내가 하나 개 제기 값 (코드 값) 캐치되지 않는 오류 property_img를 얻고 시간을 받고 있지 않다, 나는 사람이기본 64 인코딩 동일한 파일에있는 두 이미지에

var files = document.getElementById('floorplan_img').files; 
 
if (files.length > 0) { 
 
    var file = files[0]; 
 
    var reader = new FileReader(); 
 
    reader.readAsDataURL(file); 
 
    reader.onload = function() { 
 
    console.log(reader.result); 
 
    var base64 = reader.result; 
 
    var str = base64; 
 
    var arr = str.split(","); 
 
    var floor_img = arr[1]; 
 
    console.log(floor_img); 
 
    }; 
 
    reader.onerror = function(error) { 
 
    console.log('Error: ', error); 
 
    }; 
 

 
} 
 

 

 
var files1 = document.getElementById('upload_properties').files; 
 
if (files1.length > 0) { 
 
    var file1 = files1[0]; 
 
    var reader1 = new FileReader(); 
 
    reader1.readAsDataURL(file1); 
 
    reader1.onload = function() { 
 

 
    var base64_img = reader1.result; 
 
    var str_64 = base64_img; 
 
    var arr_str = str_64.split(","); 
 
    var property_img = arr_str[1]; 
 
    console.log(property_img); 
 
    }; 
 
    reader1.onerror = function(error) { 
 
    console.log('Error: ', error); 
 
    }; 
 

 

 
}

<input type="file" id="floorplan_img"> 
 

 
<input type="file" id="upload_properties">

출처

2016-12-21 kanniyappan r

두 개의 '데이터 URI'를 연결하면 새 파일이 생성되지 않습니다. 'canvas'를 사용하여 두 이미지를 포함하는 새로운 이미지를 만든 다음'canvas.toBlob()'의'canvas.toDataURL()'을 호출하고'FileReader.prototype.readAsDataURL()'을 사용할 수 있습니다. [배열의 이미지 소스에서 캔버스 이미지를 만들려면 어떻게해야합니까?] (http://stackoverflow.com/questions/32292364/how-can-i-create-canvas-image-from-image-sources-in-an)를 참조하십시오. - 배열) – guest271314

무엇이 오류입니까? – Viney

PLS 도와 수행하는 방법을 모른다 사용해보기 :

var reader = new FileReader(); 
reader.onload = function(event) { 
    var src= event.target.result; 
    console.log(src); 
};

출처

2016-12-21 09:57:00 SujitKumar

기본 64 인코딩 동일한 파일에있는 두 이미지에

답변

관련 문제