如何在Django中从JavaScript加载静态文件?

如何在Django中从JavaScript加载静态文件?,javascript,django,ecmascript-6,django-staticfiles,static-files,Javascript,Django,Ecmascript 6,Django Staticfiles,Static Files,您好,我一直在尝试在我的Django应用程序中播放音频元素,并使用JavaScript控制它。我试图播放本地主机的音频,但出现以下错误: 我猜这是因为我在JS代码中加载音频文件时出错了。 import AudioPlayer from './AudioPlayer.js'; const audioPlayer = new AudioPlayer('.audioPlayer', [ {url: '../music/rainfall.mp3', name: 'Alleviating Ra

您好,我一直在尝试在我的Django应用程序中播放音频元素,并使用JavaScript控制它。我试图播放本地主机的音频,但出现以下错误:

我猜这是因为我在JS代码中加载音频文件时出错了。

import AudioPlayer from './AudioPlayer.js';

const audioPlayer = new AudioPlayer('.audioPlayer', [
    {url: '../music/rainfall.mp3', name: 'Alleviating Rainfall'},
]);
我认为我在url上做错了:这样django就不会加载我的mp3文件并从服务器上提供它。所以我的问题是,如何从JS加载Django中的静态音频文件?我知道HTML是{%static“[filepath]”“%}但是JS是什么呢??因为JS本身是一个静态文件。。这是我的文件目录:

不能在静态文件中使用Django模板。您必须硬编码URL,或者从动态HTML文件中的函数调用静态JS文件,在动态HTML文件中您将URL作为变量传递。您不能在静态文件中使用Django模板。您必须硬编码URL,或者从动态HTML文件中的函数调用静态JS文件,在动态HTML文件中,您将URL作为变量传递。