我正在使用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.")
  }
};

09-10 02:25
查看更多