Как кодировать base 64 в двух изображениях в одном файле

Здесь у меня есть два поля формы, в этом я хочу преобразовать кодировку base 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">


javascript jquery base64
person kanniyappan r    schedule 21.12.2016    source источник
comment
Объединение двух data URI не создает новый файл. Вы можете использовать canvas для создания нового изображения, содержащего оба изображения, затем вызвать canvas.toDataURL() из canvas.toBlob() и использовать FileReader.prototype.readAsDataURL(). См. Как я могу создать изображение холста из источники изображений в массиве?   -  person guest271314    schedule 21.12.2016
comment
В чем ошибка?   -  person Vinay    schedule 21.12.2016

Ответы (1)


arrow_upward
0
arrow_downward

Попробуй это:

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