前端XMLHttpRequest发送请求

最新推荐文章于 2024-06-17 13:45:02 发布

加油干饭人

最新推荐文章于 2024-06-17 13:45:02 发布

阅读量502

点赞数

分类专栏： vue 文章标签：前端 json javascript

本文链接：https://blog.csdn.net/after_17/article/details/126868301

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

export function filePreview(fileName,ftpDownloadPath,departmentId){
  let mockXHR = new XMLHttpRequest()
      mockXHR.open(
        'post',
        baseUrl +
          '/ftp/filePreview?fileName=' +
          fileName +
          '&ftpDownloadPath=' +
          ftpDownloadPath +
          '&departmentId=' + departmentId,
      )
      let baseXHR = mockXHR.custom.xhr
      baseXHR.open(
        'post',
        baseUrl +
          '/ftp/filePreview?fileName=' +
          fileName +
          '&ftpDownloadPath=' +
          ftpDownloadPath +
          '&departmentId='+departmentId,
      )
      baseXHR.responseType = 'blob'
      baseXHR.setRequestHeader(
        'Content-type',
        'application/json; charset=utf-8',
      )
      baseXHR.send({
        fileName: fileName,
        ftpDownloadPath: ftpDownloadPath,
        departmentId: departmentId,
      })
      baseXHR.onreadystatechange = function () {
        if (baseXHR.readyState === 4) {
          if (baseXHR.status === 200) {
            let res = baseXHR.response
            const blob = new Blob([res], { type: 'application/json' })
            var url = window.URL.createObjectURL(blob)
            window.open(
              `/static/pdf/web/viewer.html?file=${encodeURIComponent(url)}`,
            )
          }
        }
      }
}