Cara mengkodekan base 64 dalam dua gambar dalam file yang sama

Di sini saya memiliki dua bidang formulir, di sini saya ingin mengonversi enkode base 64 dari gambar, dan setelah itu saya ingin meneruskan Format JSON ke URL berikutnya, saya mencoba seperti ini tetapi saya tidak mendapatkannya, suatu saat saya mendapatkannya nilai yang diajukan (nilai yang disandikan) kesalahan yang tidak tertangkap property_img, saya tidak tahu bagaimana caranya, tolong bantu saya

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


javascript jquery base64
person kanniyappan r    schedule 21.12.2016    source sumber
comment
Menggabungkan dua data URIs tidak membuat file baru. Anda dapat menggunakan canvas untuk membuat gambar baru yang berisi kedua gambar tersebut, lalu panggil canvas.toDataURL() dari canvas.toBlob() dan gunakan FileReader.prototype.readAsDataURL(). Lihat Bagaimana cara membuat Gambar Kanvas dari sumber gambar dalam array?   -  person guest271314    schedule 21.12.2016
comment
Apa kesalahannya?   -  person Vinay    schedule 21.12.2016

Jawaban (1)


arrow_upward
0
arrow_downward

Coba ini:

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