Vue的input file是一個(gè)常見的表單控件,用于上傳文件。在Vue中,可以使用v-model指令來(lái)綁定input file的值,實(shí)現(xiàn)與表單數(shù)據(jù)的交互。
下面是使用Vue input file上傳圖片的代碼示例:
以上代碼實(shí)現(xiàn)了圖片的預(yù)覽和上傳,具體實(shí)現(xiàn)是通過(guò)監(jiān)聽input file的change事件獲取選中的文件,通過(guò)FileReader將文件轉(zhuǎn)為base64編碼,并通過(guò)綁定Vue實(shí)例的屬性實(shí)現(xiàn)圖片的預(yù)覽。在提交表單時(shí),可以將base64編碼作為表單數(shù)據(jù)上傳至服務(wù)器并處理。