Javascript 从文件夹:winjs uwp app加载所有图像
我正在使用javascript(winJS)制作我的windows应用商店应用程序(UWP应用程序)。我想从我的应用程序目录中加载所有svg图像,并在div中显示它们。 我可以使用ajax请求来完成这项工作。但看起来ajax在winJS UWP应用程序中不起作用。我使用jquery和ajax请求如下: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
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”。)