Question

// these files are stored on my system on these path : C:/Users/ABHISHEK/Desktop/Songify-master/Songify-master/assets/images/        
     var gifArr = ['source.gif',
                  'source1.gif',
                  'source2.gif',
                  'source3.gif',
                  'source4.gif',
                  'source5.gif',
                  'source6.gif',
                  'source7.gif',
                  'source9.gif',
                  'source10.gif',
                  'source11.gif',
                  'source12.gif',
                  'source13.gif'
                 ];

    // function to select the random gif andchange the gif after 5 seconds

        function changeGif(){
            setInterval(function(){
                $('.add-gif').css({'background-image': 'url(C:/Users/ABHISHEK/Desktop/Songify-master/Songify-master/assets/images/' + gifArr[Math.floor(Math.random() * gifArr.length)] + ')'}); 
            },
            5000);
        }

函数changeGif（）将选择随机gif并在5秒后更改背景。当我在函数中定义静态路径时，该函数将在我的系统上运行。 但我希望用户下载我的应用程序并运行代码，然后根据用户的系统设置路径。 那么如何根据用户的系统获取文件路径？

Answer 1

您需要提供脚本文件

中图像的相对路径

根据W3

部分URL相对于样式的来源进行解释表格，与文件无关

网址是相对于文件的位置，因此这应该适合您：

url('../../images/image.jpg')

$('.add-gif').css('backgroundImage','url(images/'  + gifArr[Math.floor(Math.random() * gifArr.length)] ) );

如何访问任何用户系统上的文件

1 个答案: