鍍金池/ 問答/PHP/ 求救！TP5框架下bootstrap上傳插件仿微信端多圖上傳可單圖刪減的功能

求救！TP5框架下bootstrap上傳插件仿微信端多圖上傳可單圖刪減的功能

1.最近在做的項(xiàng)目是微信商城端的一個(gè)多圖上傳，于是用上了bootstrap上傳插件，但是現(xiàn)在還是有點(diǎn)瑕疵。因?yàn)槲乙膊??！?/p>

現(xiàn)在做的功能還差。
1.添加圖片付到已上傳的圖片的后面，否則直接為第一行， 主要參照微信發(fā)朋友圈選圖的樣式。
2.刪除圖標(biāo)為每一個(gè)圖的右上角，獲得刪除功能。
3.上傳按鈕綁定到整個(gè)表單的發(fā)布按鈕上
4.當(dāng)圖片超過9張時(shí)，給出相關(guān)提示。
clipboard.png

      功能效果圖

求大佬們看一看提出建議，感謝！

回答
編輯回答
妖妖

做得差不多就行了。不然可以用百度的那個(gè)webuploader... 邏輯沒問題，所以不知道你想問啥

按的你的做法有幾步:
1.上傳圖片成功獲取url，然后扔到圖片列表,弄個(gè)表單，設(shè)置個(gè)ul，然后圖片就是li，然后上傳成功就append進(jìn)去
2.每個(gè)li設(shè)置樣式，一個(gè)img，一個(gè)刪除x，一個(gè)隱藏的input存儲(chǔ)圖片url，寫上刪除事件
3.發(fā)布的時(shí)候，提交表單就行。提交的就是圖片的數(shù)組

2017年6月17日 05:28
編輯回答
病癮

尋找其他插件。

2017年1月11日 00:52