วิธีเข้ารหัสฐาน 64 ในสองภาพในไฟล์เดียวกัน

ที่นี่ฉันมีฟิลด์แบบฟอร์มสองช่อง ในนี้ฉันต้องการแปลงการเข้ารหัสฐาน 64 จากรูปภาพ และหลังจากนั้นฉันต้องการส่งผ่านในรูปแบบ JSON ไปยัง URL ถัดไป ฉันลองแบบนี้ แต่ฉันไม่ได้รับ บางครั้งฉันได้รับหนึ่ง ค่าที่ยื่น (ค่าที่เข้ารหัส) ข้อผิดพลาดที่ไม่ถูกตรวจจับ property_img ฉันไม่รู้ว่าต้องทำอย่างไร ใครก็ได้ช่วยฉันด้วย

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">


person kanniyappan r    schedule 21.12.2016    source แหล่งที่มา
comment
การรวม data URIs สองอันเข้าด้วยกันจะไม่สร้างไฟล์ใหม่ คุณสามารถใช้ canvas เพื่อสร้างรูปภาพใหม่ที่มีทั้งสองรูปภาพ จากนั้นเรียก canvas.toDataURL() จาก canvas.toBlob() และใช้ FileReader.prototype.readAsDataURL() ดู ฉันจะสร้าง Canvas Image จากได้อย่างไร แหล่งที่มาของภาพในอาร์เรย์?   -  person guest271314    schedule 21.12.2016
comment
ข้อผิดพลาดคืออะไร?   -  person Vinay    schedule 21.12.2016


คำตอบ (1)


ลองสิ่งนี้:

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