javascript - 如何存储已上传的图像。

Question

如何将要上传到输入类型文件的图像存储到变量中，然后在 DOM 中进行预览？如果这有助于解决问题，我将使用 MEAN 堆栈。

            <form method="post">
                <label class="app-file-input button" flow-init>
                    <span>Upload</span>
                    <i class="icon-enter"></i>
                    <input type="file" flow-btn/>
                    <img flow-img="$flow.files[0]" />
                </label>
            </form>

我读过，一旦图像上传完毕，它就会存储在临时存储器中。我如何访问它以便在上传之前预览图像？

干杯

Answer 1

你需要用 Angular 的方式来做...如果你想实现你自己的解决方案，你可以使用这个简单的代码:https://stackoverflow.com/a/31952876/407245

但是如果我是你，我会使用这样的东西 https://github.com/danialfarid/ng-file-upload或 https://github.com/nervgh/angular-file-upload