限时 5折! 详情

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

6339 0 0

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

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

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

f891ebc764-fileinput1.png

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

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

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

229f29169a-fileinput2.png

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

984b08610f-fileinput3.png

来看下具体的代码实现

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

&lt

继续阅读

还有88%的精彩内容,购买继续阅读