如何使用AngularJS指令查找动态生成的数据

时间:2014-10-26 15:10:51

标签: angularjs node.js file-upload angularjs-directive image-upload

我需要在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&amp;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指令来获取数据吗?

0 个答案:

没有答案