Сохранить файл с помощью двоичной строки на Android через HTML5
Я работаю с небольшой командой из 3 человек с моим приложением, и мы застряли.
Мы используем JSZip и FileSaver, чтобы сохранить файлы для нашего редактора кода. Он отлично работает в браузере, но когда я использую его с PhoneGap как родным Android-приложением, он не пишет.
Эта проблема по-прежнему происходит с библиотекой zip.js и даже с сохранением отдельных файлов с FileSaver.js.
$('.savemd').click ->
blob = new Blob([ mdEditor.getValue() ], type: 'text/x-markdown')
saveAs blob, 'source.md'
Я попытался использовать PhoneGap FileWriter, но позже я обнаружил, что в настоящее время невозможно записать двоичные данные с помощью Phonegap FileWriter - источник - источник
Однако этот пост - несколько лет.
Я также попытался заставить это работать с собственным WebView и использовать Crosswalk Project и до сих пор не повезло.
Мы также пробовали...
function saveFile(fileName, fileData) {
// Get access to the file system
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fileSystem) {
// Create the file.
fileSystem.root.getFile(fileName, { create: true, exclusive: false }, function (entry) {
// After you save the file, you can access it with this URL
myFileUrl = entry.toURL()
entry.createWriter(function(writer) {
writer.onwriteend = function(evt) {
alert("Successfully saved file to " + myFileUrl)
}
// Write to the file
writer.write(fileData)
}, function(error) {
alert("Error: Could not create file writer, " + error.code)
})
}, function(error) {
alert("Error: Could not create file, " + error.code)
})
}, function(evt) {
alert("Error: Could not access file system, " + evt.target.error.code)
})
}
Проблема с этим заключается в том, что он сохраняет только память пользователя (sd-карта или нет, мы протестировали все наши устройства Android и все еще не работаем, но обратите внимание, что мы не используем корневые устройства), и не будет работать с JSZip.
Наша команда разрабатывается во многих разных операционных системах (Mac, Android, Chromebook), поэтому в настоящее время требуется PhoneGap Build.
Кто-нибудь знает, как это сделать?
Это относится к сохранению файла с использованием двоичной строки на Android через HTML5? (Ответ на PhoneGap или PhoneGap Builds является очень предпочтительным)
Здесь наш текущий XML для сборки PhoneGap:
<?xml version="1.0" encoding="utf-8"?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.save.test"
version = "1.0.0"
versionCode = "1">
<name>SaveTest</name>
<description>
Save file using a Binary string test on Android
</description>
<author email="[email protected]" href="#" onclick="location.href='http://mikethedj4.github.io/'; return false;">
Michael Schwartz
</author>
<content src="index.html" />
<icon src="icon.png" gap:role="default" />
<icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36-ldpi.png" />
<icon gap:platform="android" gap:qualifier="mdpi" src="res/icon/android/icon-48-mdpi.png" />
<icon gap:platform="android" gap:qualifier="hdpi" src="res/icon/android/icon-72-hdpi.png" />
<icon gap:platform="android" gap:qualifier="xhdpi" src="res/icon/android/icon-96-xhdpi.png" />
<icon gap:platform="android" src="res/icon/android/icon-96-xhdpi.png" />
<icon gap:platform="ios" height="57" src="res/icon/ios/icon-57.png" width="57" />
<icon gap:platform="ios" height="72" src="res/icon/ios/icon-72.png" width="72" />
<icon gap:platform="ios" height="114" src="res/icon/ios/icon-57-2x.png" width="114" />
<icon gap:platform="ios" height="144" src="res/icon/ios/icon-72-2x.png" width="144" />
<icon gap:platform="winphone" src="res/icon/windows-phone/icon-48.png" />
<icon gap:platform="winphone" gap:role="background" src="res/icon/windows-phone/icon-173-tile.png" />
<preference name="permissions" value="none"/>
<!-- <plugin name="org.crosswalk.engine" spec="1.3.0" source="pgb" /> -->
<!-- <plugin name="cordova-plugin-crosswalk-webview" source="npm" /> -->
<plugin name="cordova-plugin-whitelist" source="npm" />
<plugin name="cordova-plugin-device" source="npm" />
<plugin name="cordova-plugin-file" source="npm" />
<plugin name="cordova-plugin-file-transfer" source="npm" />
<plugin name="cordova-plugin-chrome-apps-filesystem" source="npm" />
<!-- <plugin name="cordova-connectivity-monitor" source="npm" /> -->
<preference name="phonegap-version" value="cli-5.2.0" />
<allow-intent href="#" onclick="location.href='http://*/*'; return false;" />
<allow-intent href="#" onclick="location.href='https://*/*'; return false;" />
</widget>
Любая помощь очень ценится.
$('.download').click(function () {
eval($('#jszipdemo').val())
})
.fill {
width: 100%;
display: block;
}
<link rel='stylesheet prefetch' href='http://treehouse-code-samples.s3.amazonaws.com/poly/css/application.css'>
<div class='grid'>
<div class='grid__col--12'>
<p></p>
<button class='btn--default download fill'>Run</button>
<textarea class='form__input' id='jszipdemo' placeholder='Demo code here...' rows='7'>var zip = new JSZip();
zip.file("Hello.txt", "Hello World");
var folder = zip.folder("images");
folder.file("folder.txt", "I'm a file in a new folder");
var content = zip.generate({type:"blob"});
// see FileSaver.js
saveAs(content, "example.zip");</textarea>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
<script src='https://stuk.github.io/jszip/dist/jszip.js'></script>
<script src='https://stuk.github.io/jszip-utils/dist/jszip-utils.js'></script>
<script src='https://stuk.github.io/jszip/vendor/FileSaver.js'></script>
Ответы
Ответ 1
Вы можете сохранить двоичные данные с помощью FileWriter, это было невозможно в прошлом, но теперь это
создайте свой кадр таким образом:
var byteArray = new Uint8Array(fileContent.length);
for (var x = 0; x < byteArray.length; x++){
byteArray[x] = fileContent.charCodeAt(x) & 0xff
}
var blob = new Blob([byteArray], {type: 'application/octet-stream'});
а затем сохраните его
fileWriter.write(blob);