Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript或jquery中将img src转换为输入文件_Javascript_Jquery_Html_Form Data - Fatal编程技术网

在javascript或jquery中将img src转换为输入文件

在javascript或jquery中将img src转换为输入文件,javascript,jquery,html,form-data,Javascript,Jquery,Html,Form Data,如何将img src转换为file类型的输入 我正在使用webcamjs,它为图像src提供了一个数据uri,如下所示 Webcam.snap(函数(数据uri){ document.getElementById('my_result_front').innerHTML = ''; });尝试使用base 64转换,如本文所示: 然后将base64字符串传递给表单,因为它包含所有图像数据 希望有帮助。创建一个并将其作为第二个要附加的参数传递,因为它支持Blob或文件。 function ge

如何将img src转换为file类型的输入

我正在使用webcamjs,它为图像src提供了一个数据uri,如下所示

Webcam.snap(函数(数据uri){
document.getElementById('my_result_front').innerHTML
= '';

});尝试使用base 64转换,如本文所示:

然后将base64字符串传递给表单,因为它包含所有图像数据

希望有帮助。

创建一个并将其作为第二个要附加的参数传递,因为它支持
Blob
文件。
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"));