我需要在AngularJS,NodeJS应用程序中上传图像。
我的页面上有以下元素,用于使用Bootstrap文件输入插件选择表单中的图像:
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail">
<img src="http://www.placehold.it/512x512/EFEFEF/AAAAAA&text=NO+IMAGE" alt="" class="img-responsive" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail">
</div>
<div>
<span class="btn default btn-file">
<span class="fileinput-new">Select image </span>
<span class="fileinput-exists">Change </span>
<input type="file" name="..." >
</span>
<a href="#" class="btn red fileinput-exists" data-dismiss="fileinput">Remove </a>
</div>
</div>
选择图像后,以下div中的数据会发生变化:
<div class="fileinput-preview fileinput-exists thumbnail">
</div>
如下所示:
<div class="fileinput-preview fileinput-exists thumbnail">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAIAAAB7GkOtAAAAA3=...">
</div>
我需要所选图像的data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAIAAAB7GkOtAAAAA3=...
数据才能使用NodeJS上传到我服务器上的目录。
有人可以帮我使用AngularJS指令来获取数据吗?