使用ajax进行文件下载

使用ajax下载文件

• 定义响应类型为 blob
• 拿到响应体后，将其转换为blob对象，通过URL.createObjectURL来创建一个url
• 通过a标签的download属性来实现文件下载

  downloadFile(row) {
      var uploadPostData = {
          id:  row.id
      }
      $.ajax({
          type: "POST",
          //定义响应类型为 blob
          xhrFields: {
              responseType: 'blob'
          },
          async: true,
          contentType: "application/json",
          data: JSON.stringify(uploadPostData),
          url: "http://www.aaa.com/posts/",
          success: function(result) {
          	//转换为blob对象,通过a标签来实现文件下载
              const blob = new Blob([result], { type: 'application/octet-stream' })
              const a = document.createElement('a')
              a.href = URL.createObjectURL(blob)
              a.download = '文件名字.pdf'
              a.click()
          },
          error: function(xhr,status,error) {
              console.log('请求失败',error);
          }
      });
  },