在iOS中预览PDF,Word,Excel格式文件

项目需要在客户端显示用户上传的多格式文件,包括常见的PDF,Word,Excel。在网上简单查看了一下,学习了一些前辈的经验。

查看这些格式文件最快的方法就是用webView去加载,简单粗暴而且有效,缺点也比较明显就是只能看,显示的效果也算不上很友好。而且不能自己管理缓存。

NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"https://www.xxx.demo.pdf"]];

self.wkWeb = [[WKWebView alloc] initWithFrame:self.view.bounds];
self.wkWeb.allowsBackForwardNavigationGestures = YES;
self.wkWeb.navigationDelegate = self;
[self.wkWeb loadRequest:[NSURLRequest requestWithURL:url]];
[self.view addSubview:self.wkWeb];

比如像这样一段代码,运行后就可以预览pdf文件了。

另外一种实现预览多文件格式的方式就是使用QuickLook框架的QLPreviewViewController。这种方式需要传入的是一个本地的文件路径。注意加载网络路径是不可以的,所以我们需要把文件下载到沙盒,然后再进行读取。

附上整个操作的完整示例(以pdf为例,其他格式都一样):

NSString *documentsDirectory = [NSSearchPathForDirectoriesInDomains(NSLibraryDirectory, NSUserDomainMask, YES) lastObject];
NSString *reportsDirectory = [documentsDirectory stringByAppendingPathComponent:@"Reports"];
NSFileManager *fileManager = [NSFileManager defaultManager];
// 创建目录
if (![fileManager fileExistsAtPath:reportsDirectory]) {
    [fileManager createDirectoryAtPath:reportsDirectory withIntermediateDirectories:YES attributes:nil error:nil];
}

首先在沙盒重建一个文件夹,代码中在Library文件夹中创建了一个名字叫Reports的目录。这里文件夹的位置和名字根据需要自己随便就好了

NSString *urlString = @"https://www.xxx.demo.pdf";
NSString *filePath = [reportsDirectory stringByAppendingString:[NSString stringWithFormat:@"/%@", [urlString componentsSeparatedByString:@"/"].lastObject]];

这里根据请求路径最后的文件名字生成了在Report文件夹下的文件路径。比如在这里filePath就是/Users/xxx/Library/Developer/CoreSimulator/Devices/xxx/data/Containers/Data/Application/xxx/Library/Reports/demo.pdf

if ([fileManager fileExistsAtPath:filePath]) {
    self.pdfArr = @[[NSURL fileURLWithPath:filePath]];//需要给QLPreviewViewControler传入的数组参数
    NELPreviewViewController* qlPreview = [[NELPreviewViewController alloc] init];//这是作者根据项目需要自己写的QLPreviewViewControler的子类,实现代码就不贴了。这里可以直接替换成QLPreviewViewControler
    qlPreview.dataSource = self; //需要打开的文件的信息要实现dataSource中的方法
    qlPreview.delegate = self;  //视图显示的控制
    [self.navigationController pushViewController:qlPreview animated:YES];
}else{
    AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];
    NSURL *url = [NSURL URLWithString:urlString];
    NSLog(@"NSHomeDirectory:  %@", NSHomeDirectory());
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    
    //下载文件
    NSURLSessionDownloadTask *task = [manager downloadTaskWithRequest:request progress:^(NSProgress * _Nonnull downloadProgress) {
        //打印下下载进度
        //NSLog(@"%lf",1.0 * downloadProgress.completedUnitCount / downloadProgress.totalUnitCount);
    } destination:^NSURL * _Nonnull(NSURL * _Nonnull targetPath, NSURLResponse * _Nonnull response) {
        //下载地址
        NSLog(@"默认地址:%@",targetPath);
        NSString *filePath = [reportsDirectory stringByAppendingString:[NSString stringWithFormat:@"/%@", response.suggestedFilename]];
        return [NSURL fileURLWithPath:filePath];//为下载的文件指定和上段代码写的filePath相同的地址
    } completionHandler:^(NSURLResponse * _Nonnull response, NSURL * _Nullable filePath, NSError * _Nullable error) {
        
        if (error) {
            [fileManager removeItemAtPath:filePath.absoluteString error:nil];//下载失败删除路径
        }else{
            NSLog(@"下载完成:");
            self.pdfArr = @[filePath];
            NELPreviewViewController* qlPreview = [[NELPreviewViewController alloc] init];
            qlPreview.name = model.filename;
            qlPreview.dataSource= self; 
            qlPreview.delegate= self;  
            [self.navigationController pushViewController:qlPreview animated:YES];
        }
    }];
    
    [task resume];
}

这段首先判断了将要下载的文件是否在本地以及存在,如果存在则直接读取显示,不存在的话执行下载任务。下载方法用的afn3.0。

关于QLPreviewViewController的代理方法,首先要引入QLPreviewControllerDelegate,QLPreviewControllerDataSource这两个代理。看起来和tableView的代理很像,其实用起来也有点类似。

其中必须要实现的是previewControllerDataSource代理中的两个方法

-(NSInteger)numberOfPreviewItemsInPreviewController:(QLPreviewController*)controller{
    return self.pdfArr.count; //要预览的文件的数量,类似于tableView的numberOfRow
}

-(id<QLPreviewItem>)previewController:(QLPreviewController*)controller previewItemAtIndex:(NSInteger)index{
    return self.pdfArr[index];//返回需要显示的文件的本地路径
}

PreviewControllerDelegate中的方法都是选择性实现的,其中的方法从命名中大概也能猜到它的作用。

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS 设备上预览二进制流的 PDF 文件,可以使用 `wx.downloadFile()` 方法下载文件,然后使用 `wx.openDocument()` 方法打开文件。但是,由于 iOS 设备的一些限制,可能会导致无法正常预览 PDF 文件。 如果您遇到 iOS 设备无法预览 PDF 文件的问题,可以尝试以下两种方法: 1. 使用第三方组件 可以使用第三方组件来实现 PDF 文件的预览,例如 `pdf.js`。您可以将 PDF 文件转换为 `base64` 格式,然后使用 `pdf.js` 解析显示。 2. 使用 WebView 使用 `WebView` 控件来加载 PDF 文件,但是需要注意的是,iOS 设备的 `WebView` 控件并不支持直接加载二进制流的 PDF 文件,需要将二进制流转换为 `base64` 格式后再进行加载。具体实现可以参考以下代码: ``` wx.downloadFile({ url: 'your_pdf_url', success: function (res) { var filePath = res.tempFilePath; wx.getFileSystemManager().readFile({ filePath: filePath, encoding: 'base64', success: function (res) { var base64 = res.data; wx.setStorageSync('pdfBase64', base64); // 将 base64 数据存储到本地缓存 wx.navigateTo({ url: 'webview?url=' + encodeURIComponent('data:application/pdf;base64,' + base64) // 跳转 WebView 页面 }); }, fail: function (res) { console.log(res); } }); }, fail: function (res) { console.log(res); } }); ``` 在 WebView 页面,可以通过 `window.location.href` 来获取 PDF 文件的 `base64` 数据,并使用 `PDFObject` 或其他第三方库来显示 PDF 文件。具体实现可以参考以下代码: ``` <web-view src="{{url}}" bindmessage="onMessage"></web-view> Page({ onMessage: function (e) { var base64 = wx.getStorageSync('pdfBase64'); // 从本地缓存获取 base64 数据 var data = JSON.parse(e.detail.data); if (data.type === 'getPdfBase64') { e.target.postMessage({ type: 'pdfBase64', data: base64 }); // 将 base64 数据传递给 WebView 页面 } } }); ``` 以上代码仅供参考,具体实现可以根据实际需求进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值