文件上传控件PlupLoad 的使用

       最近有用到一个PlupLoad 的文件上传控件,觉得还不错,但是找了很久网上也没有具体的使用方法或者说是很详细的使用方法,于是自己在完成功能之后就打算把这些方法给记录下来,以便后面需要使用的时候方便查看。以下简单介绍下这个上传控件。

       现在随着html5技术的逐渐推广和普及,再去使用以flash为上传手段的SWFUpload显然就有点过时了,毕竟html5原生的就给我们提供了文件上传的API。Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件,简单易用且功能强大,我们完全可以使用Plupload来代替以前的SWFUpload。

       Plupload有以下功能和特点:
            1、拥有多种上传方式:HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式,Plupload会自动为你选择最合适的方式。
            2、支持以拖拽的方式来选取要上传的文件
            3、支持在前端压缩图片,即在图片文件还未上传之前就对它进行压缩
            4、可以直接读取原生的文件数据,这样的好处就是例如可以在图片文件还未上传之前就能把它显示在页面上预览
            5、支持把大文件切割成小片进行上传,因为有些浏览器对很大的文件比如几G的一些文件无法上传。


      以上的介绍就先到这里,接下来就是实战代码和具体用法,重头戏来了:

            1,首先需要引入PlupLoad.js 和 JQuery.js  的文件:




            2,在HTML 代码中的 BODY 标签内编写相应的代码:




             3,具体大部分的代码就是这样了,当然我只是简单的把我成功后的代码Ctrl+C、Ctrl+V 了一下,如果你们想要跑通上面的代码,还是需要静下心来好好的调试一下。如果在调试的情况下有什么问题,可以评论我看到了话都会进行回复的哦!(PlupLoad的源文件及JQuery文件 http://download.csdn.net/detail/samile6899/9808344)

   

           

你可能感兴趣的:(JAVA,j2ee,PlupLoad,PlupLoad.js)