使用WebUploader上传文件时,发起请求时需要在请求头添加令牌,在上传分块文件前添加令牌方法设置如下:
//上传分块之前设置请求头
this.uploader.on('uploadBeforeSend', function (headers) {
$.extend(headers, {
"Authorization": "Bearer " + utilApi.getJwt()
});
});
upload对象创建:
// 创建uploader对象,配置参数
this.uploader = WebUploader.create(
{
swf: "/static/plugins/webuploader/dist/Uploader.swf",//上传文件的flash文件,浏览器不支持h5时启动flash
server: "/api/media/upload/uploadchunk",//上传分块的服务端地址,注意跨域问题
fileVal: "file",//文件上传域的name
pick: "#picker",//指定选择文件的按钮容器
auto: false,//手动触发上传
disableGlobalDnd: true,//禁掉整个页面的拖拽功能
chunked: true,// 是否分块上传
chunkSize: 1 * 1024 * 1024, // 分块大小(默认5M)
threads: 3, // 开启多个线程(默认3个)
prepareNextFile: true,// 允许在文件传输时提前把下一个文件准备好
}
);