WebUploader上传文件携带令牌

使用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,// 允许在文件传输时提前把下一个文件准备好
	}
);

你可能感兴趣的:(前端)