phonegap本机android应用程序问题
您好,我正在phone gap中开发一个本机android应用程序,在该应用程序中,当我单击要打开设备库的按钮时,我想通过选择的文件按钮上载一个图像文件,但库窗口未打开。当我通过设备中的浏览器加载时,我可以打开库窗口,但无法为android本机设置,所以请帮我找到解决办法 phone gap脚本文件是否会因不同平台而改变,或者需要为phone gap中的不同平台添加任何插件文件,或者我需要向根文件(如WWW)添加任何cordova.js文件 我怀疑任何类型的版本兼容性问题在电话差距或设备,所以请帮助我 有关更多详细信息,我将在下面添加我的代码phonegap本机android应用程序问题,android,html,jquery-mobile,cordova,Android,Html,Jquery Mobile,Cordova,您好,我正在phone gap中开发一个本机android应用程序,在该应用程序中,当我单击要打开设备库的按钮时,我想通过选择的文件按钮上载一个图像文件,但库窗口未打开。当我通过设备中的浏览器加载时,我可以打开库窗口,但无法为android本机设置,所以请帮我找到解决办法 phone gap脚本文件是否会因不同平台而改变,或者需要为phone gap中的不同平台添加任何插件文件,或者我需要向根文件(如WWW)添加任何cordova.js文件 我怀疑任何类型的版本兼容性问题在电话差距或设备,所以请
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="js/jquery/plugins/jqtransform/jqtransform.css" />
<title> Mobile</title>
<script src="js/jquery/jquery162min.js" type="text/javascript"></script>
<script src="js/jquery/plugins/accordion/jqueryui1814custommin.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery/plugins/jqtransform/jqtransform.js" ></script>
<script src="js/mgeneral.js" type="text/javascript"></script>
<script src="../js/pl/plupload.js" type="text/javascript"></script>
<script src="../js/pl/plupload.html5.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
/*Set skin for select, options and checkbox*/
$('.skinnable').jqTransform({ imgPath: 'img/' });
$('#apply-to-selection-2').click(function (e) {
e.preventDefault();
Logout();
if (RTNCODE)
window.location = "index.html";
});
/*table row select*/
$("table.grid thead tr th.col-row-select input").click(function () {
if (!$(this).is(":checked")) {
$("table.grid tbody tr td.col-row-select input").each(function () {
$(this).attr("checked", true);
$(this).change();
});
}
else {
$("table.grid tbody tr td.col-row-select input").each(function () {
$(this).attr("checked", false);
$(this).change();
});
}
});
/*END table row select*/
/*Create accordion*/
$(".accordion").accordion({
header: ".accordion-tab",
collapsible: true,
active: 0,
autoHeight: false
});
});
</script>
<script type="text/javascript">
$(function () { //image loader
var uploaderimage = new plupload.Uploader({
// General settings
runtimes: 'html5',
container: 'imagecontainer',
browse_button: 'pickfiles',
url: '/imageupload.ashx?mobile=true',
multi_selection: false,
max_file_size: '10mb',
//chunk_size: '1mb',
multipart: true,
urlstream_upload: true,
// Specify what files to browse for
filters: [
{ title: "Image files", extensions: "jpg,gif,png" }
]
});
uploaderimage.init();
uploaderimage.bind('FilesAdded', function (up, files) {
// showmodalmask();
uploaderimage.start();
$('.imgpre').show();
$('.imgcpl').hide();
});
uploaderimage.bind('FileUploaded', function (up, file) {
if (uploaderimage.total.uploaded == uploaderimage.files.length) {
// $('.btnrefresh').click();
$('.imgcpl').show();
$('.imgpre').hide();
}
});
});
</script>
</head>
<body>
<div class="container">
<div class="frame">
<div class="frame-border-top"></div>
<div class="frame-border-middle">
<div class="cute" style="">
<h1 class="header" style="color:transparent; width:270px; height:20px;">
</h1></div>
<!-- MENU START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<div id="tabs-2" style="background-color:Black; border:1px solid #363636;">
<div style="margin-left:-15px; margin-top:-6px;">
<div class="form-row padding-lr-5" style="text-align:center;">
<div id="imagecontainer" >
<div id="filelist"></div>
<br />
<a id="pickfiles" href="#" style="background-color: #447cd1; color: white; border: 2px solid #113b7c; border-radius: 12px; padding: 6px 10px; font-size: 12pt; text-decoration: none">Select file</a>
</div>
<br />
<div class="holderloderp imgpre" style="display:none"><img src="../images/pnl-preloader2.gif" width="25" height="25" alt="" class="pnl-preloader2" /></div>
<div class="imgcpl" style="color: green; display: none" >Complete</div>
</div>
<div class="clear" style="height:25px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
可移动的
$(文档).ready(函数(){
/*设置“选择”、“选项”和“复选框”的外观*/
$('.skinnable').jqTransform({imgPath:'img/'});
$('#apply-to-selection-2')。单击(函数(e){
e、 预防默认值();
注销();
if(RTNCODE)
window.location=“index.html”;
});
/*表行选择*/
$(“table.grid thead tr th.col-row-select input”)。单击(函数(){
如果(!$(this).is(“:checked”)){
$(“table.grid tbody tr td.col-row-select input”)。每个(函数(){
$(this.attr(“选中”,true);
$(this.change();
});
}
否则{
$(“table.grid tbody tr td.col-row-select input”)。每个(函数(){
$(this).attr(“选中”,false);
$(this.change();
});
}
});
/*结束表行选择*/
/*创作手风琴*/
$(“手风琴”)。手风琴({
标题:“.accordion选项卡”,
可折叠的:是的,
活动:0,
自动高度:false
});
});
$(函数(){//图像加载器
var uploaderimage=新的plupload.Uploader({
//一般设置
运行时:“html5”,
容器:“imagecontainer”,
浏览按钮:“pickfiles”,
url:“/imageupload.ashx?mobile=true”,
多重选择:错误,
最大文件大小:“10mb”,
//块大小:“1mb”,
多部分:正确,
urlstream_上传:true,
//指定要浏览的文件
过滤器:[
{标题:“图像文件”,扩展名:“jpg、gif、png”}
]
});
uploaderimage.init();
uploaderimage.bind('FilesAdded',函数(up,files){
//showmodalmask();
uploaderimage.start();
$('.imgpre').show();
$('.imgcpl').hide();
});
uploaderimage.bind('fileupload',函数(up,file){
如果(uploaderimage.total.Uploader==uploaderimage.files.length){
//$('.btnrefresh')。单击();
$('.imgcpl').show();
$('.imgpre').hide();
}
});
});
完成
您需要使用phonegap API的FileTransfer对象,该对象将使用任何服务器端脚本文件处理程序上传到您的服务器
我尝试了该链接代码,但页面未加载。我犯了一个错误