Как использовать API в asp. net ядре и javascript - PullRequest
0 голосов
/ 12 января 2020

Я работаю над веб-приложением с ASP. NET Core, Entity Framework Core Wavesurfer js API.

Я успешно создал CRUD своего приложения, и он работает просто отлично, но в моем представлении Home Index я использую API с javascript, чтобы использовать возможности этого API, и, как говорится, мне нужно написать код javascript внутри моего веб-приложения, чтобы оно работало как следующее:

@section Scripts {
<script type="text/javascript">
    var path = '@Model.MusicList';
    console.log(path);
        var wavesurfer = WaveSurfer.create({
            container: '#waveform',
            waveColor: 'violet',
            progressColor: 'purple'
        });
            wavesurfer.load(path);
            wavesurfer.on('ready', function () {
            wavesurfer.play();
        });
</script>
}

Как вы можете видеть, я использую эту строку кода:

@Model.MusicList

это paramatere i Прохожу через страницу бритвы с контроллера следующим образом:

Razor View:

@model MusicSurfer.ViewModal.HomeViewModel.HomeViewModel

Контроллер:

private readonly IHostingEnvironment _hostingEnvironment;
    public HomeController(IHostingEnvironment hostingEnvironment)
    {
        _hostingEnvironment = hostingEnvironment;
    }
    public IActionResult Index()
    {
        string path = Path.Combine(_hostingEnvironment.WebRootPath, "music");
        var model = new HomeViewModel()
        {
            MusicList = path
        };

        return View(model);
    }

Чтобы заставить API работать, мне нужно загрузить файл .mp3, который хранится в папке musi c в каталоге wwwrooot, передав его путь в .load () функция. Но похоже, что путь не передан правильно следующим образом: enter image description here

Как я могу решить эту проблему, пожалуйста? Есть ли лучший способ сделать это?

...