在chrome扩展中使用AJAX获取目录中的文件数

Get the number of files in a directory using AJAX in chrome extension

本文关键字:获取 文件 AJAX chrome 扩展      更新时间:2023-09-26

我想使用JS和AJAX(在我的chrome扩展中)获取目录中的图像数量。我该怎么做?我在下面添加了当前代码。它似乎不起作用,因为我没有收到警报。

main.js

...
$.ajax({
    url: "/images-folder-on-server/",
    success: function (data) {
        var image_count = $(data).length(); 
        alert(image_count);
    }
});

main.html

<html>
  <head>
    <title>New Tab</title>
    <link rel="stylesheet" href="main.css">
      <link rel="stylesheet" href="/octicons/octicons.css">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <script src="jquery.min.js"></script>
  </head>
  <body>
<h1 id = "greet">Hello,''.</h1>
  <div id="clock"></div>

    <script src = "main.js"></script>
  </body>
</html>

manifest.json

{
  "name": "Name",
  "description": "Add description",
  "version": "1.0",
  "permissions": [
    "activeTab"
  ],
  "chrome_url_overrides" : {
    "newtab": "main.html"
  },
  "background": {
    "scripts": ["jquery.min.js", "main.js"],
    "persistent": false
  },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/",
    "storage",
    "tabs",
  ],
  "browser_action": {
    "default_title": "Background image"
  },
  "manifest_version": 2
}

假设您的ajax调用是从后台页面进行的,请不要忘记将远程服务器url添加到permissions中。

"permissions": ["Complete_Images_Server_Url"]