vue中讀取文字檔案內容 vue中讀取本地檔案

2021-10-13 01:35:55 字數 784 閱讀 1718

背景

再專案開發過程中,有動態設定字型圖示的需求,保證圖示選框中的圖示和最後發布的專案圖示庫一致。

思路讀取本地字型圖示庫檔案,然後進行相應的字串轉換,這樣就可以保持圖示的一致啦

步驟1、獲取本地的檔案

const loadfile = function (name) '時候的索引值

let iconli = icondata.indexof('}');

// 得到第一次出現'}'之後的所有字串資訊【這部分就是我們需要的字型圖示的資訊】

let lilist = icondata.substring(iconli + 1, icondata.length-1);

// 分割每個字型圖示資訊

let icons = lilist.split('.');

// 設定分割標識

let flag = ':before';

// 迴圈獲取到的字型圖示陣列

for (let i = 0; i < icons.length; i++) {

// 判斷不為空

if (icons[i].indexof(flag) > -1) {

// 獲取圖示資訊中的class部分,也就是:before之前的資訊

let lilist = icons[i].split(flag);

// 將class新增到陣列,最後再頁面上進行迴圈輸出

this.iconlist.push(lilist[0]);

最後通過迴圈,將 this.iconlist 裡面的值繫結到 的 class 即可。

讀取文字檔案內容

讀取文字檔案內容 param filepathandname 帶有完整絕對路徑的檔名 param encoding 文字檔案開啟的編碼方式 return 返回文字檔案的內容 public string readtxt string filepathandname,string encoding th...

php 讀取文字檔案內容

php讀取檔案內容的三種方法 第一種讀取方式 如下 header content type text html charset utf 8 告訴php預處理器將內容已utf8的格式傳遞給瀏覽器 檔案路徑 file path text.txt 判斷是否有這個檔案 if file exists file...

讀取文字檔案

void ctestdlg onreadinfo cfile filewrite1 testwrite1.txt cfile modecreate cfile modewrite cfile filewrite2 testwrite2.txt cfile modecreate cfile modew...