Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.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 如何获取引导文件输入插件创建的图像数据_Javascript_Angularjs_Node.js_Express_Bootstrap File Upload - Fatal编程技术网

Javascript 如何获取引导文件输入插件创建的图像数据

Javascript 如何获取引导文件输入插件创建的图像数据,javascript,angularjs,node.js,express,bootstrap-file-upload,Javascript,Angularjs,Node.js,Express,Bootstrap File Upload,我有下面的div,它负责选择和显示所选图像,更改图像并取消它。所有这些都是由插件完成的 谁能帮我获取动态生成的数据:image/png;base64,IVBORW0KGGOAAAANSUHEUGAAGAAAAAAAAAAAAB7GKOTAAAAAAA3=…使用AngularJS通过引导文件输入的图像数据?创建表单数据并将所有文件附加到其中 var formData = new FormData(); $('#id').on('fileloaded', function (event, file

我有下面的div,它负责选择和显示所选图像,更改图像并取消它。所有这些都是由插件完成的


谁能帮我获取动态生成的
数据:image/png;base64,IVBORW0KGGOAAAANSUHEUGAAGAAAAAAAAAAAAB7GKOTAAAAAAA3=…
使用AngularJS通过引导文件输入的图像数据?

创建表单数据并将所有文件附加到其中

var formData = new FormData();

$('#id').on('fileloaded', function (event, file, previewId, index, reader) {
    formData.append('file', file);
});
现在,
formData
将保存您选择的所有文件,这些文件可以发送到服务器

$(Your input id).on('fileloaded', function (event, file, previewId, index, reader) {
    console.log(reader.result)
}

您可以从reader获取图像数据。结果,只需尝试

Hello,您找到有效的解决方案了吗?我也有同样的问题,需要恢复刚刚创建的图像。
var formData = new FormData();

$('#id').on('fileloaded', function (event, file, previewId, index, reader) {
    formData.append('file', file);
});
$(Your input id).on('fileloaded', function (event, file, previewId, index, reader) {
    console.log(reader.result)
}