Как я могу загружать и отображать изображения (галерею списка изображений) в режиме реального времени, через 'ng-repeat', 'socket.io', на 'express' сервере? - PullRequest
Новая
       8

Как я могу загружать и отображать изображения (галерею списка изображений) в режиме реального времени, через 'ng-repeat', 'socket.io', на 'express' сервере?

1 голос
/ 09 июня 2019

Я делаю сайт, который может загружать изображения и отображать их в режиме реального времени. Мне удалось создать веб-сайт, который может загружать изображения и отображать их в режиме «ng-repeat, mongodb», но не в режиме реального времени. Я нашел «socket.io» и попытался применить его к сайту. но это трудно для успеха.

Я попытался найти то, что я должен сделать, чтобы использовать 'image's db src' из 'ng-src' в 'ng-repeat', и подключить их к 'socket.io'. но не работает. 

    [server.js]
   ...
    io.on('connection', function(socket) {
      console.log('connected');
      socket.on('new images', (images) => {
      io.emit('new images', images);
      console.log(images);
      })
    });
   ...


    [index.ejs]
   ...
    <!-- img -->
    <div id ="container">
        <div ng-repeat="image in imageList | orderBy:'$index':true" class="box">
            <img ng-src="{{image.filePath}}" width="100%" height="auto" />
            <p>{{image.name}}</p>
        </div>
    </div>
   ...
    <!-- script -->
    <script>
   var socket = io();
    $('form').submit(() => {
    socket.emit('new images', $('img').attr("ng-src"));
    });
   ...
   </script>

есть ли способ использовать ng-src в качестве события сокета? Я не использовал angular.js, область, но я должен использовать это? извините за ужасный вопрос ..

...