java使用webuploder_07-Webuploder的使用

引入资源

使用Web Uploader文件上传需要引入三种资源：JS, CSS, SWF。

在布局视图里面添加一个section

@RenderSection("Head",false)@section Head

{

}

Html部分

首先准备dom结构，包含存放文件信息的容器、选择按钮和上传按钮三个部分。

选择文件

开始上传

初始化上传控件 js代码

var uploader = WebUploader.create({

// swf文件路径

swf: BASE_URL + '/content/webuploader-0.1.5/Uploader.swf',

// 文件接收服务端。

server: '/admin/video/fileupload',

// 选择文件的按钮。可选。

// 内部根据当前运行是创建，可能是input元素，也可能是flash.

pick: '#picker',

// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！

resize: false

});

上传界面的设计

能看到进度条

看到上传时间

看到这个速度？

上传我们是使用百度的Web Uploader