Webuploader是一个基于HTML5的文件上传插件,可以实现大文件切片上传、断点续传、拖拽上传等功能,而它最常用的功能就是图片上传。本篇文章将会完整地讲解Webuploader如何实现在线图片上传。
一、准备工作
1.1 下载Webuploader
首先,我们需要从官网下载Webuploader插件,下载链接为https://github.com/fex-team/webuploader。
1.2 引入Webuploader
在下载完成后,我们就需要将Webuploader插件引入到我们的项目中。可以通过以下方法:
将下载好的文件保存到你的项目中(比如与你的样式和脚本文件夹所在目录下), 然后在HTML文件中引用该文件,最好放在
标签中。```
```
1.3 创建DOM元素
接下来需要创建一个DOM元素,用来承载我们的上传控件。可以使用一个div元素,后面将在这个div元素中使用Webuploader。
```