<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title></title>
|
<script src="../../js/mui.min.js"></script>
|
<script src="../../js/api.js"></script>
|
<script src="../../js/common.js"></script>
|
<script src="../../js/jquery.js"></script>
|
<script src="../../js/jquery-1.11.1.js"></script>
|
<script src="../../js/jquery.xml2json.js.js"></script>
|
<link href="../../css/mui.min.css" rel="stylesheet" />
|
<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
|
<script src="../../js/template-web.js"></script>
|
|
<!-- <script src="../js/lazyload/mui.lazyload.js"></script>
|
<script src="../js/lazyload/mui.lazyload.img.js"></script> -->
|
|
<script src="../js/preview/mui.previewimage.js"></script>
|
<script src="../js/preview/mui.zoom.js"></script>
|
<link rel="stylesheet" type="text/css" href="../js/preview/preview.css" />
|
<script type="text/javascript" src="../../lib/base_js/js/app.js"></script>
|
<script type="text/javascript" src="../../lib/base_js/js/common.js" ></script>
|
<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
|
<link rel="stylesheet" type="text/css" href="../../css/common_s.css"/>
|
|
<style type="text/css">
|
.mui-content {
|
margin-top: 2px;
|
}
|
</style>
|
</head>
|
<body class="mui-fullscreen">
|
<header class="mui-bar mui-bar-nav">
|
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
|
<span class="mui-icon mui-icon-left-nav"></span>
|
</button>
|
<h1 class="mui-title">照片列表</h1>
|
</header>
|
<div class="mui-content" id="contentId">
|
</div>
|
|
<script id='li-template' type="text/template">
|
<% for(var i in createby){%>
|
<ul class="mui-table-view mui-table-view-chevron">
|
<li class="mui-table-view-cell mui-media">
|
<a href="javascript:;">;
|
<div class="mui-media-body">
|
<%=(createby)%>
|
<p class='mui-ellipsis'><%=(textbz)%></p>
|
</div>
|
</a>
|
</li>
|
</ul>
|
<ul class="mui-table-view mui-grid-view mui-grid-9 ulcss" id="list">
|
<% for(var j in picl){ var img =picl[j]; var url = $imports.getUrl(img,img); var f = $imports.checkFileType(img) %>
|
<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-3 ">
|
{{if f}}
|
<a href="#" class="vedio" data-src="{{url}}" style="height: 5.3125rem;background: #000">
|
<span data-src="{{url}}" class="mui-icon iconfont icon-bofang" ></span>
|
<!-- <video data-src="{{url}}"controls="" autoplay="" name="media" >
|
<source src="{{url}}" type="video/mp4" >
|
</video> -->
|
</a>
|
{{else}}
|
<a href="#" style="height: 5.3125rem;">
|
<img class="mui-media-object mui-pull-left" src="{{url}}" data-preview-src="" data-preview-group="{{i}}">
|
</a>
|
{{/if}}
|
|
</li>
|
<% } %>
|
</ul>
|
<% } %>
|
</script>
|
|
<script type="text/javascript" charset="utf-8">
|
// mui.previewImage();
|
var mid = "";var player=null;
|
var createby="";
|
var textbz="";
|
var images= [];
|
mui.init();
|
|
mui.ready(function() {
|
//app.init();
|
console.log(2);
|
mid = GetQueryString('mid');
|
|
console.log(1);
|
//play();
|
});
|
window.onload = function(){
|
DOWNLOAD();
|
}
|
function getImgs(mid) {
|
aj.post("/ht_file/getFilesList", {
|
mid:mid
|
}, function (data) {
|
//console.log(JSON.stringify(data))
|
if (data.result) {
|
document.getElementById('contentId').innerHTML = template('li-template', {
|
"record": data.data
|
});
|
} else {
|
plus.ui.toast(data.msg);
|
}
|
});
|
}
|
|
function base64ToImageUrl(base64) {
|
return 'data:image/png;base64,' + base64;
|
}
|
|
// 示例
|
|
// var imageUrl = base64ToImageUrl(base64);
|
// console.log(imageUrl);
|
|
template.defaults.imports.checkFileType = function (str) {
|
console.log(str)
|
console.log(222)
|
if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(str)) {
|
return true;
|
}
|
return false;
|
};
|
template.defaults.imports.getUrl = function (url,img) {
|
//console.log(storage["_basePath"]+"ht_file/view?url="+url+"&fname="+img)
|
return storage["_basePath"]+"ht_file/view?url="+url+"&fname="+img
|
};
|
function play(){
|
mui('#contentId').on('tap','.vedio',function(){
|
//console.log(this.getAttribute('data-src'))
|
//playVideo(this.getAttribute('data-src'));
|
downFile(this.getAttribute('data-src'));
|
});
|
};
|
function downFile(url){
|
// 下载地址
|
var wt = plus.nativeUI.showWaiting();
|
//var url = yang.getMyURL(14);
|
var dtask = plus.downloader.createDownload(url, {}, function(d, status) {
|
wt.close();
|
if(status == 200) {
|
var fileUrl = d.filename;
|
//console.log(fileUrl)
|
plus.runtime.openFile(fileUrl, {}, function(e) {
|
plus.nativeUI.toast('打开失败');
|
});
|
} else {
|
plus.nativeUI.toast('打开失败');
|
}
|
});
|
// 执行下载任务，再打开
|
dtask.start();
|
};
|
function DOWNLOAD() {
|
|
//var url = app.API_URL_HEADER + "/XKYDHD/UPLOADPICTURE";
|
// var wt = plus.nativeUI.showWaiting();
|
|
|
|
|
|
$.ajax({
|
|
url: app.API_URL_HEADER + "/XKYDHD/DOWNLOADPICTURE",
|
data: {
|
CHECKNO:mid,
|
|
|
},
|
DataType: "json",
|
type: "post",
|
async: false,
|
//timeout: 15000,
|
success: function(data) {
|
if (data.status == 0) {
|
var matable=data.data.matterTable
|
|
images[0]=base64ToImageUrl(matable[0]["FILE0"]);
|
console.log(images[0]);
|
images[1]=base64ToImageUrl(matable[0]["FILE1"]);
|
images[2]=base64ToImageUrl(matable[0]["FILE2"]);
|
images[3]=base64ToImageUrl(matable[0]["FILE3"]);
|
images[4]=base64ToImageUrl(matable[0]["FILE4"]);
|
images[5]=base64ToImageUrl(matable[0]["FILE5"]);
|
images[6]=base64ToImageUrl(matable[0]["FILE6"]);
|
images[7]=base64ToImageUrl(matable[0]["FILE7"]);
|
images[8]=base64ToImageUrl(matable[0]["FILE8"]);
|
createby=matable[0]["CREATE_TIME"];
|
textbz=matable[0]["TEXT"];
|
document.getElementById('contentId').innerHTML = template('li-template', {
|
"picl": images
|
});
|
mui.toast("加载成功!");
|
console.log(554);
|
// wt.close();
|
|
|
} else {
|
console.log(13);
|
alert("获取数据异常：" + response.message);
|
}
|
|
},
|
error: function(xhr, type, errorThrown) {
|
console.log(13);
|
alert("获取数据异常：" + JSON.stringify(errorThrown));
|
}
|
});
|
console.log(14);
|
}
|
function playVideo(url) {
|
var Intent = plus.android.importClass("android.content.Intent");
|
var Uri = plus.android.importClass("android.net.Uri");
|
var main = plus.android.runtimeMainActivity();
|
var intent = new Intent(Intent.ACTION_VIEW);
|
var uri = Uri.parse(url);
|
intent.setDataAndType(uri, "video/*");
|
main.startActivity(intent);
|
};
|
</script>
|
</body>
|
</html>
|
