javascript - Ajax在Heroku上无法获取文件夹中的图像文件

使用此Ajax代码,我提取图像文件并将其随机添加到在我的系统上本地工作的几个页面的div中。

    var folder = "Views/assets/images";
    debugger;
    $.ajax({
        url: folder,
        success: function (data) {
            var patt1 = /"([^"]*\.(jpe?g|png|gif))"/gi;     // extract "*.jpeg" or "*.jpg" or "*.png" or "*.gif"
            var result = data.match(patt1);
            result = result.map(function (el) {
                return el.replace(/"/g, "");
            });     // remove double quotes (") surrounding filename+extension // TODO: do this at regex!

            var uniqueNames = [];                               // this array will help to remove duplicate images
            $.each(result, function (i, el) {
                var el_url_encoded = encodeURIComponent(el);    // avoid images with same name but converted to URL encoded
                // console.log("under analysis: " + el);
                if ($.inArray(el, uniqueNames) === -1 && $.inArray(el_url_encoded, uniqueNames) === -1) {
                    // console.log("adding " + el_url_encoded);
                    uniqueNames.push(el_url_encoded);
                    $("#slider").append("<img src='" + el_url_encoded + "' alt=''>");      // finaly add to HTML
                }
                // else{   console.log(el_url_encoded + " already in!"); }
            });
            $(".grid li").each((i, li) => {
                let bg = folder + uniqueNames[Math.floor(Math.random() * uniqueNames.length) + 1];
                $(li).css('background-image', 'url(' + bg + ')');
                setInterval(() => {
                    let bg = folder + uniqueNames[Math.floor(Math.random() * uniqueNames.length) + 1];
                    $(li).css('background-image', 'url(' + bg + ')');
                }, 20000);
            })
            console.log(uniqueNames)
        },
        error: function (xhr, textStatus, err) {
            alert('Error: here we go...');
            alert(textStatus);
            alert(err);
            alert("readyState: " + xhr.readyState + "\n xhrStatus: " + xhr.status);
            alert("responseText: " + xhr.responseText);
        }
    });

我注意到浏览器的URL链接显示为file:/// C:/ Users /,但是一旦我将其迁移到localhost:5000并因此将其推送到Heroku dyno时,它就会开始崩溃。 我认为存在某种安全机制,不会让我进入子目录/目录。 提前致谢

转载请注明来自askonline.tech,本文标题:javascript - Ajax在Heroku上无法获取文件夹中的图像文件


 Top