javascript-使用iframe在Nativescript Webview中上传文件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-使用iframe在Nativescript Webview中上传文件,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1775字,纯文字阅读大概需要3分钟。
内容图文
我的问题是我有一个包含动态表单的Web视图,或者使用WP Builders动态创建的表单,并且包含在iframe中,我想从nativescript应用程序中选择文件,这将不允许我选择文件.
所以我想尝试
How to load files into webview in native script
http://shripalsoni.com/blog/nativescript-webview-native-bi-directional-communication/
但是问题是形式是动态的,如果我们可以检测到文件输入单击事件,是否有任何脚本会检测框架内文件输入的单击事件,并在选择文件时将文件路径放置到该脚本中.
另一个问题是,如果以动态形式输入了多个文件,该怎么办?
解决方法:
我通过在Android中实现WebChromeClient得到答案
let webview: WebView = this.webViewRef.nativeElement;
let myWebChromeClient: MyWebChromeClient = new MyWebChromeClient();
webview.android.setWebChromeClient(myWebChromeClient);
和类MyWebChromeClient在这里
import * as imagepicker from "nativescript-imagepicker";
import * as fs from "file-system";
export class MyWebChromeClient extends android.webkit.WebChromeClient {
file_path:string;
constructor() {
super();
return global.__native(this);
}
onShowFileChooser(webView,filePathCallback,fileChooserParams) {
this.filepathCallback(filePathCallback);
return true;
}
filepathCallback(filePathCallback)
{
let context = imagepicker.create({
mode: "single",
mediaType: imagepicker.ImagePickerMediaType.Any
});
this.startSelection(context,filePathCallback);
}
startSelection(context,filePathCallback) {
context.authorize().then(() => {
return context.present();
})
.then((selection) => {
selection.forEach((selected) => {
let path = selected.android;
let file = fs.File.fromPath(path);
this.file_path = file.path;
this.file_path = "file://" + this.file_path;
let results = Array.create(android.net.Uri, 1);
results[0] = android.net.Uri.parse(this.file_path);
filePathCallback.onReceiveValue(results);
return this.file_path;
});
}).catch(function (e) {
console.log(e);
});
}
}
内容总结
以上是互联网集市为您收集整理的javascript-使用iframe在Nativescript Webview中上传文件全部内容,希望文章能够帮你解决javascript-使用iframe在Nativescript Webview中上传文件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。