這期內容當中小編將會給大家?guī)碛嘘Pvue3.0+.net core實現(xiàn)文件上傳組件,文章內容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)建站長期為上1000家客戶提供的網站建設服務,團隊從業(yè)經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網生態(tài)環(huán)境。為通川企業(yè)提供專業(yè)的成都網站設計、做網站,通川網站改版等技術服務。擁有十載豐富建站經驗和眾多成功案例,為您定制開發(fā)。使用技術
客戶端使用vue.js 3.0,并使用vue3新增的功能:Composition API ,服務器使用asp.net core
功能點
文件選擇美化
在標準的html文件選擇標簽,是十分不美觀的。大概就是下圖的樣子
但是我們的設計師的設計圖可不是這樣的啊,所以第一步是選擇美化一下樣式。
標簽美化
找遍整個搜索引擎,美化文件選擇標簽只有兩種方法
因為筆者最近在做基于vue.js 3.0的項目,需要自己自定義很多UI組件,所以參考了layui element ,它們都是使用第二種方式來美化文件選擇標簽。
假設我們UI設計圖是上圖的樣式,如果需要美化,只需要隱藏文件選擇的Input標簽。然后放置一個按鈕,然后設置按鈕的樣式為設計圖上的樣式即可
<div class="uploader"> <button>選擇文件</button> <input type="file" placeholder="請選擇文件" /> </div>
網站名稱:vue3.0+.netcore實現(xiàn)文件上傳組件-創(chuàng)新互聯(lián)
網站URL:http://muchs.cn/article4/dcoiie.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網站建設、做網站、網站策劃、微信公眾號、Google
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容