react 预览pdf 转换

Posted chengyunshen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 预览pdf 转换相关的知识,希望对你有一定的参考价值。

function getReader(response){
  return  new Promise(function(resolve,reject){
    response.blob().then( blob => {
      const reader = new FileReader();
      reader.addEventListener("loadend", function() {
              resolve(reader.result)
      });
      reader.readAsDataURL(blob);  
  })
})
}

async function getFileObjfun (response){
  return await getReader(response);
}

在effects中设置一个转换函数 yield调用上边转换

    *getFileObj({payload},{call,put}){
            const data = yield call(getFileObjfun,payload);
            // console.log(data,"xxxx")
            yield put({
                type: 'savePDf',
                payload:data
            })
        },

以上是关于react 预览pdf 转换的主要内容,如果未能解决你的问题,请参考以下文章

react预览pdf文件(react-pdf)

react-pdf 实现 pdf 在线预览(翻页、放大缩小等)

kkfileview文件预览转换pdf失败

Word/Excel 在线预览

WEB在线预览PDF

WEB文档在线预览解决方案