yii2项目实战-自定义图片上传插件(仿WeUI上传插件)

我们前文介绍了资源包管理以及分析了widget的使用，看了本文的标题，肯定有部分小伙伴已经迫不及待了。

对于一般的应用而言，图片上传几乎是必须要具备的功能。但是这也往往成为了很多人的拦路虎，不会啊，泪奔。如果我们能自己写一套图片上传的插件，那岂不是更完美？本文的重点就是给大家带个头，借助asset bundle和widget，来实现一个简单的图片上传的小部件。

对于原始的文件上传的input来说，他是这样的

在一些要求不高的应用中，这当然是没问题的。对于修改等操作，可能就会令人比较苦恼了，我这到底有没有图片呢，如果已经有图片了，图片是啥？等等这些都是问题。

其实我早想吐槽html了，这么丑，干嘛不做的好一点呢？

本文我们仿WeUI的图片上传插件，做一个下面这样的上传效果，不知你是否喜欢？

先来看一下我们效果的html结构

来看下具体的代码实现

1、在common\widgets目录下新建upload文件夹，我们在upload目录下创建一个FileInput小部件

&lt