Call for help! Under the TP5 framework, the bootstrap upload plug-in imitates the function of multiple images uploaded by Wechat that can be deleted from a single image.

1. The most recent project I am working on is a multi-image upload at Wechat Mall, so I used the bootstrap upload plug-in, but it is still a bit flawed. Because I suck too.

the function you are doing now is still poor.
1. Add the picture to the back of the uploaded picture, otherwise it will be the first line directly, mainly referring to the style of the picture selected by Wechat on moments.
2. The delete icon is the upper right corner of each picture to get the delete function.
3. The upload button is bound to the publish button of the entire form
4. Give a hint when there are more than 9 pictures.
clipboard.png

ask the bosses to have a look and make suggestions, thank you!

Php
Mar.25,2021

look for other plug-ins.

just about done. Otherwise, you can use the webuploader. of Baidu. Logic is fine, so I don't know what you want to ask

according to your practice, there are several steps:
1. Upload the picture successfully to get the url, and throw it into the picture list, make a form, set up a ul, then the picture is li, and then upload the append into
2. Each li sets the style, one img, one delete x, one hidden input stores the picture url, writes the delete event
3. When you publish, just submit the form. What is submitted is an array of pictures

Previous: I want to write a chrome extension to upload my own browsing history to my database. But Baidu said that js can not connect to the database, do not know what the bosses have, please let me know!

Next: The component tag of the parent component in vue adds class to the class sharing of the top-level dom of the child component?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e48742-439ee.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e48742-439ee.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?