我正在使用strophe.si-filetransfer.js插件在Web应用程序中实现文件传输。我能够在iq节中接收文件详细信息。我的问题是,如何从iq节提取文件数据并下载?
我提到的链接可以解决:https://github.com/strophe/strophejs-plugins/tree/master/ibb
谢谢
最佳答案
在接收方,您需要收集有关 fileHandler 函数的文件信息,然后获取 ibbHandler 上的所有数据块(例如,使用数组),最后必须加入所有文件部分(数据块)并还原原始文件。
在下面的示例中(从您建议的链接改编而成),我假设使用FileReader API和readAsDataURL()方法对文件进行了分块处理,因此数据以 base64 编码。
var aFileParts, filename, mimeFile;
var fileHandler = function(from, sid, filename, size, mime) {
// received a stream initiation
filename = filename;
mimeFile = mime;
};
connection.si_filetransfer.addFileHandler(fileHandler);
var ibbHandler = function (type, from, sid, data, seq) {
switch(type) {
case "open":
// new file, only metadata
aFileParts = [];
break;
case "data":
// data
aFileParts.push(data);
break;
case "close":
// and we're done
var data = "data:"+mimeFile+";base64,";
for (var i = 0; i < aFileParts.length; i++) {
data += aFileParts[i].split(",")[1];
}
var span = document.createElement('span');
span.innerHTML = '<a href="'+data+'" download="'+filename+'">'+filename+</a>;
default:
throw new Error("shouldn't be here.")
}
};