如何将JS创建的csv文件下载到您的Android手机(webview) [英] How to download a csv file created in JS to your android phone (webview)
问题描述
我想导出一个在JS中创建的csv文件,让人们在手机上下载它。
I want to export a csv file created in JS and let people download it on their phone.
这是我创建文件的JS代码:
This is my JS code for creating the file:
var createACSVFile = function () {
var ArrayOfDataToExport = [];
for (var k = 0; k < localStorage.length; k++) {
console.log([localStorage.key(k),JSON.parse(localStorage.getItem(localStorage.key(k)))]);
ArrayOfDataToExport.push([localStorage.key(k),JSON.parse(localStorage.getItem(localStorage.key(k)))])
}
var csvRows = [];
for(var i=0, l=ArrayOfDataToExport.length; i<l; ++i){
csvRows.push(ArrayOfDataToExport[i].join(','));
}
var csvString = csvRows.join("%0A");
var a = document.createElement('a');
a.href = 'data:attachment/csv,' + csvString;
a.target = '_blank';
a.download = 'exportFile.csv';
document.body.appendChild(a);
a.click();
};
createACSVFile();
这是我的android代码:
This is my android code:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
view = (WebView) this.findViewById(R.id.webView);
view.getSettings().setJavaScriptEnabled(true);
view.getSettings().setAllowFileAccess(true);
view.getSettings().setDomStorageEnabled(true);
view.getSettings().setUseWideViewPort(true);
view.getSettings().setLoadWithOverviewMode(true);
view.setInitialScale(1);
view.getSettings().setJavaScriptEnabled(true);
view.getSettings().setSupportZoom(false);
view.setWebViewClient(new MyBrowser(){
@Override
public void onPageFinished(WebView view, String url) {
//hide loading image
findViewById(R.id.imageLoading1).setVisibility(View.GONE);
//show webview
findViewById(R.id.webView).setVisibility(View.VISIBLE);
}
});
view.loadUrl("file:///android_asset/www/index.html");
view.setWebChromeClient(new WebChromeClient(){
});
view.setDownloadListener(new DownloadListener() {
public void onDownloadStart(String url, String userAgent,
String contentDisposition, String mimetype,
long contentLength) {
Intent i = new Intent(Intent.ACTION_VIEW);
i.setData(Uri.parse(url));
startActivity(i);
}
});
}
我收到这个错误:
08-20 11:12:36.508
17111-17111 / checker.coin.crypto.wingcrony.by.cryptocoinchecker
E / AndroidRuntime:致命异常:主
进程:checker.coin.crypto.wingcrony.by.cryptocoinchecker,PID:
17111
android.content.ActivityNotFoundException:没有找到处理
的活动Intent {act = android。的意图。 passS,false
whichExchangeYouUse,Bitfinex}
at
android.app.Instrumentation.checkStartActivityResult(Instrumentation.java:1809)
at
android.app.Instrumentation.execStartActivity (Instrumentation.java:1523)
在android.app.Activity.startActivityForResult(Activity.java:3981)
在android.app.Activity.startActivityForResult(Activity.java:3933)
在android.app.Activity.startActivity(Activity.java:4272)
在android.app.Activity.startActivity(Activity.java:4240)
在
checker.coin.crypto.wingcrony .by.cryptocoinchecker.MainActivity $ 3.onDownloadStart(MainActivity.java:153)
at
com.android.webview.chromium.WebViewContentsClientAdapter.onDownloadStart(WebViewContentsClientAdapter.java:1195)
at
org.chromium.android_webview.AwContentsClientCallbackHelper $ MyHandler.handleMessage(AwContentsClientCallbackHelper.java:126)
在android.os.Handler.dispatchMessage(Handler.java:111)
在android.os.Looper.loop(Looper.java:207)
在android.app.ActivityThread.main( ActivityThread.java:5728)
在java.lang.reflect.Method.invoke(本机方法)
com.android.internal.os.ZygoteInit $ MethodAndArgsCaller.run(ZygoteInit.java :789)
at com.android.internal.os.ZygoteIn it.main(ZygoteInit.java:679)
08-20 11:12:36.508 17111-17111/checker.coin.crypto.wingcrony.by.cryptocoinchecker E/AndroidRuntime: FATAL EXCEPTION: main Process: checker.coin.crypto.wingcrony.by.cryptocoinchecker, PID: 17111 android.content.ActivityNotFoundException: No Activity found to handle Intent { act=android.intent.action.VIEW dat=data:attachment/csv,Poloniex, currencyForToShow,usd howToOrder,Shortname passS,false whichExchangeYouUse,Bitfinex } at android.app.Instrumentation.checkStartActivityResult(Instrumentation.java:1809) at android.app.Instrumentation.execStartActivity(Instrumentation.java:1523) at android.app.Activity.startActivityForResult(Activity.java:3981) at android.app.Activity.startActivityForResult(Activity.java:3933) at android.app.Activity.startActivity(Activity.java:4272) at android.app.Activity.startActivity(Activity.java:4240) at checker.coin.crypto.wingcrony.by.cryptocoinchecker.MainActivity$3.onDownloadStart(MainActivity.java:153) at com.android.webview.chromium.WebViewContentsClientAdapter.onDownloadStart(WebViewContentsClientAdapter.java:1195) at org.chromium.android_webview.AwContentsClientCallbackHelper$MyHandler.handleMessage(AwContentsClientCallbackHelper.java:126) at android.os.Handler.dispatchMessage(Handler.java:111) at android.os.Looper.loop(Looper.java:207) at android.app.ActivityThread.main(ActivityThread.java:5728) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:789) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:679)
更新
如果添加到我的androidManifest.xml我得到相同的错误:
If add this to my androidManifest.xml I get the same error:
<uses-permission android:name="android.permission.ACCESS_DOWNLOAD_MANAGER"/>
推荐答案
我所做的是生成我需要的数据在JS中导出到csv像这样:
What I did was I generate the data I need to export to csv in the JS like this:
var generateTheDataToExportToArrayString = function () {
var ArrayOfDataToExport = [];
for (var k = 0; k < localStorage.length; k++) {
var keyName = (localStorage.key(k));
var data = JSON.parse(localStorage.getItem(localStorage.key(k)));
}
var String = '[';
for (var i = 0; i < ArrayOfDataToExport.length; i++){
if (typeof ArrayOfDataToExport[i][1] === "object"){
String += "[" + ArrayOfDataToExport[i][0] + ",";
if (ArrayOfDataToExport[i][1].length > 1 || ArrayOfDataToExport[i][1].length === 0){
if (ArrayOfDataToExport[i][1].length === 0){
String += '[' + '' + ']]';
}
else {
for (var k = 0; k < ArrayOfDataToExport[i][1].length; k++){
String += '[';
for (var l = 0; l < ArrayOfDataToExport[i][1][k].length - 1; l++){
String += ArrayOfDataToExport[i][1][k][l]+ ",";
}
String += ArrayOfDataToExport[i][1][k][ArrayOfDataToExport[i][1][k].length - 1] + "],";
}
String = String.slice(0, -1);
String += "],";
}
}
else {
String += "[";
for (var j = 0; j < ArrayOfDataToExport[i][1].length - 2; j++){
String += ArrayOfDataToExport[i][1][j] + ",";
}
String += ArrayOfDataToExport[i][1][ArrayOfDataToExport[i][1].length - 1] + "]],";
}
}
else {
String += "[" + ArrayOfDataToExport[i][0] + ",";
String += ArrayOfDataToExport[i][1] + "],";
}
}
String = String.slice(0, -1);
String += "]";
console.log(String);
};
你说最后一件事是记录该字符串。好吧,我将在Java代码中捕获如下:
You say the last thing I do is log that string. Well that I will capture in the Java code like this:
public void onConsoleMessage(String message, int lineNumber, String sourceID) {
if (sourceID.equals("file:///android_asset/www/assets/js/parseTest.js") && lineNumber == 184 ){
generateNoteOnSD(getBaseContext(),"export.csv", message);
}
}
这是函数generateNoteOnSD:
This is the function generateNoteOnSD:
public void generateNoteOnSD(Context context, String sFileName, String sBody) {
try {
File root = new File(Environment.getExternalStorageDirectory(), "Backup_Data_For_AltFolio");
if (!root.exists()) {
root.mkdirs();
}
File gpxfile = new File(root, sFileName);
FileWriter writer = new FileWriter(gpxfile);
writer.append(sBody);
writer.flush();
writer.close();
Toast.makeText(context, "Saved", Toast.LENGTH_SHORT).show();
} catch (IOException e) {
e.printStackTrace();
}
}
这篇关于如何将JS创建的csv文件下载到您的Android手机(webview)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!