vue給input file綁定函數(shù)獲取當(dāng)前上傳的對(duì)象完美實(shí)現(xiàn)方法
更新時(shí)間：2017年12月15日 16:38:37 作者：蓓蕾心晴
這篇文章主要介紹了vue給input file綁定函數(shù)獲取當(dāng)前上傳的對(duì)象完美實(shí)現(xiàn)方法,需要的朋友可以參考下
HTML
<input type="file" @change="tirggerFile($event)">
JS(vue-methods)
tirggerFile : function (event) {
var file = event.target.files; // (利用console.log輸出看結(jié)構(gòu)就知道如何處理檔案資料)
// do something...
}
如果直接在綁定的函數(shù)中傳入this，則不能正確獲取，且不能獲取到相關(guān)的inputfile對(duì)象
PS：下面簡(jiǎn)單介紹下vue中如何用input file綁定img標(biāo)簽中的src
<img v-bind:src="lmodel"> <input v-model="lmodel" type="file">
ps: v-on:change="xxx", v-on="change:xxx".前者是現(xiàn)在的寫(xiě)法，印象中后者是被廢棄的寫(xiě)法
總結(jié)
以上所述是小編給大家介紹的vue給input file綁定函數(shù)獲取當(dāng)前上傳的對(duì)象完美實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
vue3 setup語(yǔ)法糖下的定時(shí)器的使用與銷(xiāo)毀
如果在組件中需要使用定時(shí)器,注意在銷(xiāo)毀組件的時(shí)候,要對(duì)定時(shí)器進(jìn)行銷(xiāo)毀,否則時(shí)間長(zhǎng)了會(huì)導(dǎo)致頁(yè)面卡頓,這篇文章給大家介紹vue3 setup語(yǔ)法糖下的定時(shí)器的使用與銷(xiāo)毀的知識(shí),感興趣的朋友一起看看吧2024-02-02
vue3 實(shí)現(xiàn)牙位圖選擇器的實(shí)例代碼
這篇文章主要介紹了vue3 實(shí)現(xiàn)牙位圖選擇器的實(shí)例代碼,代碼簡(jiǎn)單易懂,需要的朋友參考下吧2025-04-04
Vue嵌套iframe時(shí)$router.go(-1)后退bug的原因解析
這篇文章主要介紹了Vue嵌套iframe,$router.go(-1)后退bug的問(wèn)題原因及解決方法,本文給大家分享問(wèn)題原因所在及解決方案,需要的朋友可以參考下吧2023-09-09
vue實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)及滾動(dòng)監(jiān)聽(tīng)的方法
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)及滾動(dòng)監(jiān)聽(tīng)的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Vue.js組件實(shí)現(xiàn)選項(xiàng)卡以及切換特效
這篇文章主要為大家詳細(xì)介紹了Vue.js組件實(shí)現(xiàn)選項(xiàng)卡以及切換特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
本文主要介紹了Vue新一代狀態(tài)管理工具Pinia的具體使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
簡(jiǎn)單了解Vue + ElementUI后臺(tái)管理模板
這篇文章主要介紹了簡(jiǎn)單了解Vue + ElementUI后臺(tái)管理模板,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
node+vue前后端分離實(shí)現(xiàn)登錄時(shí)使用圖片驗(yàn)證碼功能
這篇文章主要介紹了node+vue前后端分離實(shí)現(xiàn)登錄時(shí)使用圖片驗(yàn)證碼,記錄前端使用驗(yàn)證碼登錄的過(guò)程，后端用的是node.js，關(guān)鍵模塊是svg-captcha，結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-11-11
基于Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)功能
Element UI 是一套采用 Vue 2.0 作為基礎(chǔ)框架實(shí)現(xiàn)的組件庫(kù)，它面向企業(yè)級(jí)的后臺(tái)應(yīng)用，能夠幫助你快速地搭建網(wǎng)站，極大地減少研發(fā)的人力與時(shí)間成本。這篇文章主要介紹了Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)功能,需要的朋友可以參考下2017-10-10
本篇文章主要介紹了詳解vue服務(wù)端渲染(SSR)初探，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06