Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从文件夹:winjs uwp app加载所有图像_Javascript_Jquery_Ajax_Uwp_Winjs - Fatal编程技术网

Javascript 从文件夹:winjs uwp app加载所有图像

Javascript 从文件夹:winjs uwp app加载所有图像,javascript,jquery,ajax,uwp,winjs,Javascript,Jquery,Ajax,Uwp,Winjs,我正在使用javascript(winJS)制作我的windows应用商店应用程序(UWP应用程序)。我想从我的应用程序目录中加载所有svg图像,并在div中显示它们。 我可以使用ajax请求来完成这项工作。但看起来ajax在winJS UWP应用程序中不起作用。我使用jquery和ajax请求如下: var fileextension = ".svg"; var classx = "image"; var tr = "true"; var businessDir = "image/busin

我正在使用javascript(winJS)制作我的windows应用商店应用程序(UWP应用程序)。我想从我的应用程序目录中加载所有svg图像,并在div中显示它们。 我可以使用ajax请求来完成这项工作。但看起来ajax在winJS UWP应用程序中不起作用。我使用jquery和ajax请求如下:

var fileextension = ".svg";
var classx = "image";
var tr = "true";

var businessDir = "image/business";
$.ajax({
    url: businessDir,
    success: function (data) {
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http:///", "");

            $(".myDiv").append($("<img src=" + filename + " class=" + classx + " draggable=" + tr + "></img>"));

        });
    }
});
var fileextension=“.svg”;
var classx=“图像”;
var tr=“真”;
var businessDir=“图像/业务”;
$.ajax({
网址:businessDir,
成功:功能(数据){
$(数据)。查找(“a:包含(+fileextension+))。每个(函数(){
var filename=this.href.replace(window.location.host,“”)。replace(“http:///”,“”);
$(“.myDiv”)。追加($(“”);
});
}
});
如何从winJS UWP应用程序中的“image/buisness”目录加载图像。我也在cordova windows应用商店应用程序中尝试了此代码,但也不起作用

但是看起来ajax在winJS UWP应用程序中不起作用

首先,UWP应用程序支持ajax,但有几件事需要注意,详情请参考。但是,尽管可以在UWP应用程序中使用,但您不能对本地资源进行AJAX调用,因为请求是使用HTTP发出的。有关详细信息,请参考

如何从winJS UWP应用程序中的“image/buisness”目录加载图像

根据您的场景,您需要从本地目录加载图像,这样就不能使用AJAX调用。例如,您可以使用UWP中的文件操作相关API来加载图像和类。有关如何操作的更多详细信息,请参考和。下面是从WinJs UWP应用程序的“images/bussiness”目录加载图像的演示,您可以参考:

function addimage() { 
    var classx = "image";
    var tr = "true";
    var root = Windows.ApplicationModel.Package.current.installedLocation.path;
    var path = root + "\\images\\business";
    var StorageFolder = Windows.Storage.StorageFolder;
    var folderPromise = StorageFolder.getFolderFromPathAsync(path);
    folderPromise.done(function getFolderSuccess(folder) {
        var filesInFolderPromise = folder.getFilesAsync();
        filesInFolderPromise.done(function getFilesSuccess(filesInFolder) {
            filesInFolder.forEach(function forEachFile(item) {             
                if (item.name.includes("svg")) {
                    var img = document.createElement("img");
                    img.src = "images/business/" + item.name;
                    document.getElementById("myDiv").appendChild(img);
                }
            });
        });
    });
}

非常感谢你。。这是有效的。请将代码中“business”的拼写改为“business”。)