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