Преобразование IMG SRC во входной файл в JavaScript или JQuery - PullRequest
Новая
       10

Преобразование IMG SRC во входной файл в JavaScript или JQuery

0 голосов
/ 13 декабря 2018

Как мне конвертировать из img src во входной файл типа?

Я использую webcamjs, и он дает мне data_uri для изображения src, которое выглядит следующим образом 

Webcam.snap(function(data_uri) {
  document.getElementById('my_result_front').innerHTML 
      = '<img id="webcamImageToCropFront" src="' + data_uri + '"/>';
});

и теперь мне нужно преобразовать источник изображения в файл, который я могу передать в мою форму следующим образом 

const data = new FormData();
data.append('file', document.querySelector('#id-file').files[0]);

где # id-file - это ввод файла типа, подобного этому 

<input type="file" id="id-file" name="id-file" accept=".jpeg,.jpg,.png">

1 Ответ

0 голосов
/ 13 декабря 2018

Попробуйте использовать преобразование base 64 следующим образом: CONVERT URL-адрес изображения в Base64 

function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);
  var dataURL = canvas.toDataURL("image/png");
  return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}

var base64 = getBase64Image(document.getElementById("webcamImageToCropFront"));

Затем передайте строку base64 в форму, поскольку она содержит все данные изображения!

Надеюсь, это поможет.

...