Нужно работать с мультимедийными файлами в общей папке - PullRequest
Новая
       7

Нужно работать с мультимедийными файлами в общей папке

0 голосов
/ 22 сентября 2019

Я работаю с angular 5 на стороне клиента и .net core 2.1 для стороны сервера.Для этого проекта мне нужно отображать и загружать медиа-файлы (например, изображения и видео) в общей сетевой папке.Но моя клиентская сторона не может отобразить изображение из пути к общей папке, поскольку браузер блокирует локальные файлы.Итак, есть ли способ, которым я мог бы отправить обратно файлы изображений из API и отобразить их на моем интерфейсе?Любое предложение будет полезно.Занимался этим уже неделю.

  1. Попытка загрузки прямо из пути к папке.Мой путь выглядит следующим образом: "\ nwfs01 \ FINALSERVER \ CENTERSTORIES \ 210919 \ 21092019-DIPU - 35091521.JPG" получил это сообщение об ошибке в консоли

Не разрешено загружать локальноресурс: файл: //nwfs01/FINALSERVER/CENTERSTORIES/160919/CAROLINE-HERNANDEZ-TMPQ5R9MBOC-UNSPLASH110609.JPG

Однако я могу получить доступ к изображению из моего бэк-энда.Я пытался отправить изображения в виде файла изображения в списке моделей или в байтовом массиве, но данные становятся слишком большими и не знаю, как отобразить файл изображения с точечной разверткой под углом.Мой код C # здесь: 

    foreach (var story in storyForReturn)
    {
        List<Storypictures> pictures = await _context.Storypictures.Where(s => s.Storycode == story.Storycode).ToListAsync();
        List<PhotoDto> photoList = _mapper.Map<List<PhotoDto>>(pictures);
        foreach (var photo in photoList)
        {
            photo.Path = "\\\\nwfs01\\" + photo.Path;
            photo.File = Image.FromFile(photo.Path);
            // photo.File = turnImageToByteArray(file);

        }
        story.AttachedPhotoList.AddRange(photoList);
    }
    return Ok(storyForReturn);

Front-end 

<ul *ngFor="let item of story.attachedPhotoList">
              <a class="btn btn-default btn-sm" href="file:///{{item.path}}" target="_blank"><span class="fa fa-copy"></span> Click link</a>
            <li>{{item.path}} <a class="btn btn-default btn-sm" (click)="copyToClipBoard(item.path)"><span class="fa fa-copy"></span> Copy link</a></li> 
            <p style="padding-top: 1rem"><b>Caption: </b>{{item.caption}}</p>
            <hr>
          </ul>
...