資訊專欄INFORMATION COLUMN
摘要：之前好幾個項目中都有涉及圖片傳輸?shù)膱鼍耙驗轫椖炕径加没蛘咧惖慕M件庫，首先當(dāng)然是找?guī)炖锩媸欠癜?。餓了么組件里的確有上傳組件，但是名副其實的是一個上傳組件，非表單。而自己項目中需要的是一個，選擇完圖片后跟隨其余表單信息一起上傳。
之前好幾個項目中都有涉及圖片傳輸的場景, 因為項目基本都用Vue + Ele 或者 Mint Muse之類的組件庫，首先當(dāng)然是找?guī)炖锩媸欠癜病?/p>
餓了么組件里的確有uploader上傳組件，但是名副其實的是一個上傳組件，非表單item。
而自己項目中需要的是一個inputer，選擇完圖片后跟隨其余表單信息一起上傳。所以擼了這么一個東西，如果你也正好需要這樣的一個inputer，歡迎使用?
github: vue-img-inputer, 文檔什么的都在里面了 demo地址功能大致就是：
圖片值v-model雙向綁定
圖片預(yù)覽、拖拽、回填、大小限制
兩種主題
一些高度可定制的prop
另外就是自定義主題或者樣式還是很方便的
只支持Vue2.x
喜歡不妨給個star吧。 如果在使用中遇到問題或者建議，更歡迎提issues
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81664.html
摘要：年底，公司項目番茄表單的前端部分，開始了從傳統(tǒng)的到的徹底重構(gòu)。上傳流程圖不重要看文字事件觸發(fā)后，先去如果是圖片，可以同時通過以及將圖片預(yù)覽在頁面上后臺請求七牛的上傳，將拿到的和以及通過傳遞過來的一起到中。 關(guān)于上傳，總是有很多可以說道的。16年底，公司項目番茄表單的前端部分，開始了從傳統(tǒng)的jquery到vue 2.0的徹底重構(gòu)。但是上傳部分，無論是之前的傳統(tǒng)版本，還是Vue新版本，都是...
摘要：利用中間件實現(xiàn)異步請求，實現(xiàn)兩個用戶角色實時通信。目前還未深入了解的一些概念。往后會寫更多的前后臺聯(lián)通的項目。刪除分組會連同組內(nèi)的所有圖片一起刪除。算是對自己上次用寫后臺的一個強化，項目文章在這里。后來一直沒動，前些日子才把后續(xù)的完善。 歡迎訪問我的個人網(wǎng)站：http://www.neroht.com/? 剛學(xué)vue和react時，利用業(yè)余時間寫的關(guān)于這兩個框架的訓(xùn)練，都相對簡單，有的...
摘要：前言本文的前身是源自上的項目但由于該項目上次更新時間為年月日，很多內(nèi)容早已過期或是很多近期優(yōu)秀組件未被收錄，所以小肆今天重新更新了內(nèi)容并新建項目。提交的項目格式如下項目名稱子標(biāo)題相關(guān)介紹如果收錄的項目有錯誤，可以通過反饋給小肆。 前言 本文的前身是源自github上的項目awesome-github-vue,但由于該項目上次更新時間為2017年6月12日，很多內(nèi)容早已過期或是很多近期優(yōu)...
閱讀 3591·2021-11-24 10:19
閱讀 3730·2021-09-30 09:47
閱讀 1293·2019-08-30 15:56
閱讀 791·2019-08-29 15:11
閱讀 905·2019-08-29 13:43
閱讀 3570·2019-08-28 18:25
閱讀 2161·2019-08-26 13:27
閱讀 1439·2019-08-26 11:44
