在前端開發中,經常會遇到需要讀取服務器上某一路徑下的所有文件的需求。使用jQuery則可以實現這個功能。本文將介紹如何使用jQuery讀取路徑下所有文件。
$.ajax({ url: "your_directory_path/", success: function (data) { $(data) .find("a") .attr("href", function (i, val) { if (val.match(/\.jpg|\.png|\.jpeg|\.gif|\.idml/)) {//篩選文件類型,可自行增減 $("your_selector_for_showing_file_list").append("<p>" + val + "</p>");//將文件名添加到頁面中 } }); } });
以上代碼使用了jQuery的ajax方法訪問指定路徑,并將返回的HTML頁面轉化成jQuery對象。然后篩選出鏈接中包含特定文件類型的a標簽,并將鏈接中的文件名添加到頁面中。其中,your_directory_path需要更改成需要讀取的目錄路徑,your_selector_for_showing_file_list需要更改為想要顯示文件名的元素選擇器。
需要注意的是,由于瀏覽器的安全機制,只有瀏覽器已經訪問過的路徑才能夠被讀取。因此,當需要讀取的路徑不在網站的根目錄下時,需要在服務器端設置好相應的規則。
上一篇css彈性布局豎直居中
下一篇css弧形統計圖