欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue 獲取文件路徑

林國瑞2年前12瀏覽0評論

獲取文件路徑是Web開發中常見的操作,Vue作為一款流行的JavaScript框架,也提供了相關的API用于獲取文件路徑。在Vue中,我們可以通過input元素配合v-model指令來獲取用戶所選擇的文件路徑,并將路徑數據傳遞給Vue組件中的data屬性,以便進一步處理。

上述代碼中,我們通過v-on指令監聽文件選擇框的change事件,并在事件處理程序中獲取用戶所選擇的文件。我們使用URL.createObjectURL方法將文件轉換成Blob URL,以便在Vue組件中直接使用。最后,我們將文件路徑存儲在Vue組件的data屬性中,供其他方法使用。

除了通過input元素獲取文件路徑外,Vue還提供了一些其它的方法,比如通過axios庫發送HTTP請求獲取文件路徑。在這種情況下,我們可以在axios的response攔截器中處理文件,并將文件路徑存儲在Vue組件中。

import axios from 'axios'
// 創建axios實例
const service = axios.create({
baseURL: process.env.BASE_API, // api的base_url
timeout: 5000 // 請求超時時間
})
// http request攔截器
service.interceptors.request.use(
config =>{
return config
},
err =>{
return Promise.reject(err)
}
)
// http response攔截器
service.interceptors.response.use(
response =>{
const res = response.data
if (res.code !== 20000) {
return Promise.reject('error')
} else {
// 獲取文件路徑,并存儲在Vue組件中
const filePath = res.data
this.filePath = filePath
return Promise.resolve(res)
}
},
err =>{
return Promise.reject(err)
}
)

在上述代碼中,我們創建了一個axios實例,并設置了請求超時時間和請求攔截器。在response攔截器中,我們處理了獲取到的文件,并將文件路徑存儲在Vue組件中,以便進一步使用。

總的來說,Vue提供了多種方法用于獲取文件路徑,我們可以根據具體情況選擇適合的方式來獲取文件路徑,并將路徑數據存儲在Vue組件中,方便進一步操作。