前端怎么获取接口返回pdf文档内容 react

Posted 2023-05-05

参考技术A React.js
自己的定位是“A
javascript
Library
for
building
user
interface”，它的文档称许多人将它用作
MVC
的
V。因此，React.js
不关心你是如何嵌入后端数据的。换句话说，我们怎么使用一个标准的
html
元素和后端打交道，就可以把同样的思路运用在
React.js
创造的组件上。
比如，一个
input，可以：
<input
id="name"
name="name"
value="<?=$name?>">
的方式从
php
得到变量
$name。
一个
React.js
组件也可以形如：
ReactDOM.render(React.createElement(HelloMessage,

name:
"<?=$name?>"
),
mountNode);
用标准元素你可以用
AJAX
得到一个值然后（比如用
jQuery
去）操作：
$.ajax(...)
.done(function(data)
$('#name').val(data.name);
);
用
React.js
时，同样可以在
AJAX
返回时使用你自己定义的方法去更新组件。
关于维护
JSON
信息麻烦的事情，怎么会呢？在
PHP
中
echo
$var;
和
echo
json_encode($var);
的麻烦程度是一个量级的。

获取文档选择器的路径后，iOS 上的 React-Native-pdf 加载失败

【中文标题】获取文档选择器的路径后，iOS 上的 React-Native-pdf 加载失败

【英文标题】：React-Native-pdf load failed on ios after got path with document Picker

【发布时间】：2019-11-28 18:10:16

【问题描述】：

我正在使用 react-native-document-picker 来选择 PDF。选择后，我将文件的 URI 传递给 react-native-pdf 的 PDF。 它返回给我这个错误，但只在 iOS 上。在 Android 中工作正常。 有什么建议吗？

ON ERROR --- Error: Load pdf failed. path=file:///private/var/mobile/Containers/Data/Application/250D8D83-5F0F-402C-912B-F1B199551218/tmp/com.yada.nen-Inbox/Bolletta%20Luce%20a2a.pdf
at createErrorFromErrorData (NativeModules.js:152)
at NativeModules.js:104
at MessageQueue.__invokeCallback (MessageQueue.js:442)
at MessageQueue.js:127
at MessageQueue.__guard (MessageQueue.js:343)
at MessageQueue.invokeCallbackAndReturnFlushedQueue (MessageQueue.js:126)
at debuggerWorker.js:80

这就是我选择 PDF 的方式：

static pickPDF = async (callBack,goBack=()=>) => 
    try 
        const res = await DocumentPicker.pick(
            type: [DocumentPicker.types.pdf],
        );
        console.log("URI of the uploaded PDF: ", res.uri);

        callBack(res.uri, res.name);
     catch (err) 
        if (DocumentPicker.isCancel(err) ) 
            goBack();
         else 
            throw err;
        
    
;

下面是我使用 react-native-pdf 显示 PDF 的方式：

<Pdf
                    source=uri:"file://"+this.state.pdfUri, cache: false
                    horizontal
                    page=page
                    scrollEnabled=false
                    onError=(error)=>
                        console.log("ON ERROR ---",error);
                    
                    onPageChanged=this.onPageChanged
                    style=flex
                />

【问题讨论】：

解决了吗？

【参考方案1】：

这只是因为您的 pdf 文件在名称之间有空格删除空格然后检查它是否适合我。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。