本文实例讲述了jquery实现移动端图片上传预览组件的方法。分享给大家供大家参考,具体如下:
之前的一篇博客:移动端h5图片预览和压缩,实现了基本的功能。这次则计划做成一个组件,可供前台、后台使用。
首先,我们先来捋一捋想要实现的功能:
这样,我们的组件结构就有了:
;!function(window, $, undefined){ function upload() { }; upload.prototype.change = function() { }; upload.prototype.del = function() { }; upload.prototype.compress = function() { }; upload.prototype.submit = function() { }; }(window, jquery)
接下来,介绍一下组件需要用到的几个api:
```` // 获取上传文件的 filelist document.getelementbyid('inputid').files ````
demo:https://github.com/captainliao/zujian/tree/master/upload
如对本文有疑问, 点击进行留言回复!!
offset、client、scroll (width,height、left,top、X,Y)
一图搞懂javascript中的this与call/apply/bind的6中关系
网友评论