PC-side technology——export form, upload, progress bar, counter, select date, time selector, input suggestion, rich text, Tencent map, upload exle, picture watermark

Table of contents

1. Export

2. Upload——Upload upload

3. Progress bar——Progress 

4. Counter - InputNumber

5. Select date - DataPicker

 6. TimePicker - time selector

7. With input suggestions - autocomplete

8. Rich text

9. Tencent Maps

10. Vue uploads exle and parses the content

11. Add watermark to pictures

---

1. Export

Export the content in the table, you can download it as an exl table, etc.

2. Upload——Upload upload

Pictures, files, photo walls, file thumbnails, drag and drop upload, manual upload, etc. are all supported

Element - The world's most popular Vue UI framework

Use the element component to upload, you can judge the file size, format, and number of uploads before uploading

3. Progress bar——Progress 

https://element.eleme.cn/#/zh-CN/component/progress#attributes

This function can be nested in the upload above. When the user selects a picture, the progress bar will be displayed first, and it will be removed after the upload is successful.

4. Counter - InputNumber

Element - The world's most popular Vue UI framework

5. Select date - DataPicker

Element - The world's most popular Vue UI framework

 6. TimePicker - time selector

7. With input suggestions - autocomplete

 

8. Rich text

TinyMCE Chinese Documentation Chinese Manual

9. Tencent Maps

Tencent Location Service - Based on Ecology, Connecting to the Future

Can refer to: 

 For example:

10. Vue uploads exle and parses the content

11. Add watermark to pictures

Alibaba Cloud adds watermark:

Parameters and Examples of Adding Watermarks to Images_Object Storage OSS-Alibaba Cloud Help Center