1. 首页
  2. 编程语言
  3. Javascript
  4. 分离与继承的思想实现图片上传后的预览功能:ImageUploadView

分离与继承的思想实现图片上传后的预览功能:ImageUploadView

上传者: 2022-02-03 02:13:01上传 PDF文件 184.12 KB 热度 3次

为了完成这个功能,我们主要的任务是:上传及上传后的回调,新增或删除图片预览以及文本域值的管理。从前面的需求我们发现,这个ImageUploadView组件的render会受到页面状态的影响,当页面为查看模式时,这个组件不能做上传和删除的操作,所以可以考虑给它加一个readonly的option。从第2部分的实现思路,要实现的类有:FileUploadBaseView和ImageUploadView,前者是后者的基类。相关组件的继承关系为:ImageUploadView extend FileUploadBaseView extend EventBase。当调用子类的render方法时,调用的实际上父类的方法,但是当父类执行到_render方法时,执行的就是子类的方法,另外两个方法也是类似的处理。需要注意的是子类不能去覆盖render, append ,delItem三个方法,否则就得自己去处理相关事件的触发逻辑。

下载地址
用户评论