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

Menu