Ввод изображения AngularJS получить DataURL

Question

Ввод изображения AngularJS получить DataURL

0

Я использую AngularJS на веб-сайте, а на сайте это форма, которая позволяет пользователю выбирать изображение из своей локальной файловой системы и, надеюсь, затем получить dataurl с этого изображения. Я ищу способ сделать это самым простым способом. Затем я хотел бы отобразить это изображение где-нибудь на веб-странице. Любая помощь будет большой.

Thomas Juranek 19 авг. 2016, в 17:17

Источник

Теги:

angularjs

windows

image

2 ответа

0

вы можете сделать это, используя следующую директиву https://github.com/danialfarid/ng-file-upload, есть хорошие примеры.

Xepe 19 авг. 2016, в 12:16

0

Но это на самом деле загружает на сервер, и я хотел бы просто получить URL-адрес данных и просмотреть его на локальной версии сайта.
Thomas Juranek 19 авг. 2016, в 15:02

Ещё вопросы

Но это на самом деле загружает на сервер, и я хотел бы просто получить URL-адрес данных и просмотреть его на локальной версии сайта.

Thomas Juranek · Accepted Answer · 2016-08-19T12-34-00.000Z

            <input id="backgroundImageUpload" type="file" onchange="previewFile()">
            <br>
            <img id="backgroundImagebleh" src="" height="200" alt="Image preview...">

            <script>
                function previewFile() {
                    var preview = document.querySelector('#backgroundImagebleh');
                    var file = document.querySelector('#backgroundImageUpload').files[0];
                    var reader = new FileReader();

                    reader.addEventListener("load", function() {
                        preview.src = reader.result;
                        $scope.backgroundFile = reader.result;
                    }, false);

                    if (file) {
                        reader.readAsDataURL(file);
                    }
                }