我正在使用Cordova开发移动应用。在应用程序中有一个.docx格式的教程,我需要将它从应用程序传递到设备,以便可以打开它。有没有更好的方法来做到这一点让我知道,但这就是我所拥有的。用户单击按钮以查看教程文档,然后在用户可以查看.docx文件的任何应用程序中打开该文档。它在Android上工作得很好,但在iOS上却没有,我无法弄清楚原因。 FileTransferError在下载函数中抛出,错误代码为3.在iOS上,而不是Android。我搜索过,但我能找到的一切都是从网络服务器上下载的。任何人都可以告诉我为什么我在iOS上得到错误代码3而不是Android?
这是在单击查看教程的按钮时调用的代码:
function downloadTutorial() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (userAgent.indexOf("Android") > -1) {
window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, function (directoryEntry) {
directoryEntry.getFile("app-tutorial.docx", { create: true }, function (fileEntry) {
download(fileEntry, encodeURI(cordova.file.applicationDirectory + "www/docs/app-tutorial-en.docx"));
}, function(e1){
console.error(`get file failed`);
console.log(e1);
});
}, function(e) {
console.error(`write failed`);
console.log(e);
});
}
else if ((userAgent.indexOf("iPad") > -1 || userAgent.indexOf("iPhone") > -1 || userAgent.indexOf("iPod") > -1) && !window.MSStream) {
window.resolveLocalFileSystemURL(cordova.file.documentsDirectory, function (directoryEntry) {
console.log(directoryEntry);
directoryEntry.getFile("app-tutorial.docx", { create: true }, function (fileEntry) {
console.log(fileEntry);
download(fileEntry, encodeURI(cordova.file.applicationDirectory + "www/docs/app-tutorial-en.docx"));
}, function(e1){
console.error(`get file failed`);
console.log(e1);
});
}, function(e) {
console.error(`write failed`);
console.log(e);
});
}
}
这是下载功能:
function download(fileEntry, uri) {
var fileTransfer = new FileTransfer();
var fileURL = fileEntry.toURL();
console.log(fileURL);
var options = new FileUploadOptions();
options.headers = { Connection: "close" };
fileTransfer.download(uri, encodeURI(fileURL), function (entry) {
console.log("Successful downloaded tutorial file.");
cordova.plugins.fileOpener2.open(
fileURL,
"application/vnd.openxmlformats-officedocument.wordprocessingml.document", {
error : function(e) {
console.error(`Error status: ${e.status} - Error message: ${e.message}`);
},
success : function () {
console.log('file opened successfully');
}
}
);
},
function (error) {
console.error(`file transfer error ${error}`); // a FileTransferError is logged here with the source, destination and error code 3
}, false, options);
}
config.xml中
<widget id="" version="0.18.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name></name>
<description>
</description>
<author email="" href="">
</author>
<content src="index.html" />
<plugin name="cordova-plugin-whitelist" spec="1" />
<plugin name="cordova-plugin-console" spec="1.0.3" />
<plugin name="cordova-plugin-file" spec="4.2.0"/>
<plugin name="cordova-plugin-email" spec="1.1.1"/>
<plugin name="cordova-sms-plugin"/>
<plugin name="cordova-plugin-vibration"/>
<plugin name="cordova-plugin-market"/>
<plugin name="cordova-plugin-ble-central"/>
<plugin name="cordova-sqlite-storage"/>
<plugin name="cordova-plugin-globalization"/>
<plugin name="cordova-plugin-file-transfer"/>
<plugin name="cordova-plugin-file-opener2"/>
<preference name="AndroidPersistentFileLocation" value="Compatibility"/>
<preference name="AndroidExtraFilesystems" value="sdcard,cache,files-external"/>
<preference name="iosExtraFileSystems" value="bundle,documents"/>
<access origin="*" />
<preference name="Orientation" value="portrait" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
<allow-intent href="market:*" />
<preference name="android-minSdkVersion" value="19"/>
<icon src="www/img/Icon-App.png"/>
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<preference name="deployment-target" value="8.0"/>
</platform>
<engine name="android" spec="~4.3" />
<engine name="ios" spec="~4.1.1" />
<plugin name="cordova-sqlite-storage" spec="~1.4.8" />
</widget>
答案 0 :(得分:0)
我能够使用cordova-plugin-inappbrowser在iOS上找到解决方法。使用cordova.InAppBrowser.open("docs/app-tutorial-en.docx", "_blank", { location: "no", closebuttoncaption: "Done" });
适用于iOS,但我无法在Android上使用它。所以我使用了问题中的代码,因为它适用于Android和iOS答案中的代码。如果有人能提供更好的解决方案,我可以接受其他建议。