這里的話是mui框架傳值問題,使用mui的frie實現傳值跳轉頁面
mui.fire()觸發自定義事件\_HBuilder教程\_B5教程網 // JavaScript Document //檢查是否為移動客戶端訪問。pad除外。返回1為是。返回0為否 function cmobile(){ if(/AppleWebKit.\*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){ if(window.location.href.indexOf("?mobile")<0){ try{ if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ return 1; }else if(/iPad/i.test(navigator.userAgent)){ return 0; }else{ return 1; } }catch(e){} } } } if(cmobile()) { var webUrl = document.location.href; str=webUrl.replace("www","m"); window.location.href=str; } $(function(){ $("img.pic1").lazyload(); }) img.pic1{ -ms-interpolation-mode: bicubic; } #cas { position: fixed; top: 0; left: 0; z-index: -1; opacity: .5 }
**監聽自定義事件**
添加自定義事件監聽操作和標準js事件監聽類似,可直接通過window對象添加,如下:
window.addEventListener('customEvent',function(event){
? //通過event.detail可獲得傳遞過來的參數內容
? ....
});
**觸發自定義事件**
通過mui.fire()方法可觸發目標窗口的自定義事件
目標webview必須觸發loaded事件后才能使用自定義事件
若新創建一個webview,不等該webview的loaded事件發生,就立即使用webview.evalJS()或mui.fire(webview,'eventName',{}),則可能無效
### 示例
假設如下場景:從新聞列表頁面進入新聞詳情頁面,新聞詳情頁面為共用頁面,通過傳遞新聞ID通知詳情頁面需要顯示具體哪個新聞,詳情頁面再動態向服務器請求數據,mui要實現類似需求可通過如下步驟實現:
* 在列表頁面中預加載詳情頁面(假設為detail.html)
* 列表頁面在點擊新聞標題時,首先,獲得該新聞id,觸發詳情頁面的newsId事件,并將新聞id作為事件參數傳遞過去;然后再打開詳情頁面;
* 詳情頁面監聽newsId自定義事件
列表頁面代碼如下:
~~~
//初始化預加載詳情頁面
mui.init({
preloadPages:[{
id:'detail.html',
url:'detail.html'
}
]
});
var detailPage = null;
//添加列表項的點擊事件
mui('.mui-content').on('tap', 'a', function(e) {
var id = this.getAttribute('id');
//獲得詳情頁面
if(!detailPage){
detailPage = plus.webview.getWebviewById('detail.html');
}
//觸發詳情頁面的newsId事件
mui.fire(detailPage,'newsId',{
id:id
});
//打開詳情頁面 www.bcty365.com
mui.openWindow({
id:'detail.html'
});
});
~~~
詳情頁面代碼如下:
~~~
//添加newId自定義事件監聽
window.addEventListener('newsId',function(event){
//獲得事件參數
var id = event.detail.id;
//根據id向服務器請求新聞詳情
.....
});
~~~
這個意思大概是先在前面使用init定義好需要跳轉的頁面,也就是預加載,然后再通過監聽動作來觸發相應的處理,把id傳值過去,打開頁面。對應頁面獲取傳值就行了。










mui的圖片上傳實例:
<body>
<header class="mui-bar mui-bar-nav" style="height: ;">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">發表評價</h1>
</header>
<!-- 多行文本框 -->
<div class="mui-input-row" style="margin: 70px 10px;">
<textarea rows="5" placeholder="請對本次服務做出評價吧!"></textarea>
</div>
<!-- 星級評價 -->
<div id="star" data-score="1"></div>
<!-- 圖片上傳 -->
<a class="imageup 1" id="headImage"><img id="headimg" class="headimg" src='' onerror="this.src='images/scimg.png'" alt="點擊上傳圖片" border="2" height="100" width="100">
</a>
<a class="imageup 2" id="uploadImage"><img id="headimg" class="headimg" src='' onerror="this.src='images/scimg.png'" height="100" width="100">
</a>
<!-- <p><button id="uploadImage" class='button'> 提交</button></p> -->
<div class="mui-content" style="background-color:#fff">
<ul id="imgs" class="mui-table-view mui-grid-view">
</ul>
</div>
<script src="js/mui.min.js"></script>
<script src="js/app.js"></script>
<script src="js/mui.zoom.js"></script>
<script src="js/mui.previewimage.js"></script>
<script src="js/host.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.raty.min.js"></script>
<script>
window.addEventListener('newsId',function(event){
//獲得事件參數
var user_id = event.detail.id;
var shop_id = event.detail.shop_id;
});
var state = app.getState();
var user_id = state.user_id;
// 獲取商品和個人id
C1=window.location.href.split("?")[1];
C2=C1.split("=")[1];
var shop_id = C2;
alert(shop_id); alert(user_id);
//星級評價代碼
$.fn.raty.defaults.path = 'js/img';
$('#star').raty();
$('#score-demo').raty({
score: 3
});
// 圖片上傳代碼
//擴展API完成后執行的操作
var fileArr = [];
mui.init({
swipeBack: true //啟用右滑關閉功能
});
document.getElementById('headImage').addEventListener('tap', function() {
if(mui.os.plus) {
var buttonTit = [{
title: "拍照"
}, {
title: "從手機相冊選擇"
}];
plus.nativeUI.actionSheet({
title: "上傳圖片",
cancel: "取消",
buttons: buttonTit
}, function(b) { /*actionSheet 按鈕點擊事件*/
switch(b.index) {
case 0:
break;
case 1:
getImage(); /*拍照*/
break;
case 2:
galleryImg(); /*打開相冊*/
break;
default:
break;
}
})
}
}, false);
// 拍照獲取圖片??
function getImage() {
var c = plus.camera.getCamera();
c.captureImage(function(e) {
plus.io.resolveLocalFileSystemURL(e, function(entry) {
var imgSrc = entry.toLocalURL() + "?version=" + new Date().getTime(); //拿到圖片路徑??
setFile(imgSrc);
setHtml(imgSrc);
}, function(e) {
console.log("讀取拍照文件錯誤:" + e.message);
});
}, function(s) {
console.log("error" + s.message);
}, {
filename: "_doc/camera/"
})
}
// 從相冊中選擇圖片? ?
function galleryImg() {
// 從相冊中選擇圖片??
plus.gallery.pick(function(e) {
for(var i in e.files) {
var fileSrc = e.files[i];
setFile(fileSrc);
setHtml(fileSrc);
}
}, function(e) {
console.log("取消選擇圖片");
}, {
filter: "image",
multiple: true,
//maximum: 5,
system: false,
onmaxed: function() {
plus.nativeUI.alert('最多只能選擇5張圖片');
}
});
}
function setHtml(path) {
var str = '';
str = '<li class="mui-table-view-cell mui-media mui-col-xs-6">'+
'<img class="mui-media-object" src="'+path+'">'+
'<span class="mui-icon mui-icon-trash deleteBtn"></span>'+
'</li>';
jQuery("#imgs").append(str);
}
function setFile(fileSrc){
var image = new Image();??
image.src = fileSrc;
fileArr.push(image);
}
document.getElementById('uploadImage').addEventListener('tap',function(){
var files = fileArr;
var wt=plus.nativeUI.showWaiting();
? ? ? ? ? ? var task=plus.uploader.createUpload('http://'+host+'/heutoi/evaluate.php',
? ? ? ? ? ? ? ? {method:"POST",priority:100},
? ? ? ? ? ? ? ? function(t,status){ //上傳完成
? ? ? ? ? ? ? ? ? ? if(status==200){
? ? ? ? ? ? ? ? ? ? ? ? alert("圖片上傳成功");
? ? ? ? ? ? ? ? ? ? ? ? wt.close(); //關閉等待提示按鈕
? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? alert("上傳失敗:"+status);
? ? ? ? ? ? ? ? ? ? ? ? wt.close();//關閉等待提示按鈕
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? );??
? ? ? ? ? ? ?//將文件集合添加到上傳隊列中
? ? for(var i=0;i<files.length;i++){
? ? ? ? var f=files[i];
? ? ? ? task.addFile(f.src,{key:i});
? ? }
? ? //傳其他的參數 如備注
? ? //添加其他參數
? ? //遍歷5個input框
? ??
? ? ? ? ? ? task.addData("comment","test");
? ? ? ? ? ? task.start();
});
php接收圖片保存代碼:
~~~
<?php
//判斷表單提交方式,post提交
if($_SERVER['REQUEST_METHOD']=='POST'){
$fs=array();
foreach ( $_FILES as $name=>$file ) {
$str=stristr($file['name'],'.'); // stristr()函數獲取上傳文件的后綴
// strtotime()函數定義一個Unix時間戳
$path="image/".uniqid(prefix,false).$str; // 定義上傳文件的存儲位置
if(move_uploaded_file($file['tmp_name'],$path)){
$fs[$name]=array('name'=>$name,'url'=>$file['name'],'type'=>$file['type'],'size'=>$file['size']);
}else{
$fs[$name]=array('name'=>$name,'url'=>'error','type'=>$file['type'],'size'=>$file['size']);
}
}
echo json_encode($fs);
}
?>
~~~
使用plus.uploader.createUpload函數上傳文件時遇到一些問題,其他參數使用task.addData("name","value"),有些值傳入為空可以試著加.toString()示例:task.addData("score_id",score.toString());
圖片拍照功能:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" href="css/evaluate.css" rel="stylesheet" />
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
<link rel="stylesheet" type="text/css" href="css/loading.css"/>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/stylea.css"/>
<style>
#lookImg{
width: 230px;
height: 230px;
float: left;
}
#imagea{
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<header class="top-header fixed-header">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h3>去評價</h3>
<a class="iconb" href="shopcar.html">
</a>
</header>
<!-- 多行文本框 -->
<!-- <div class="mui-input-row" style="margin: 70px 10px;">
<textarea rows="5" type="text" placeholder="請對本次服務做出評價吧!" ></textarea>
</div> -->
<!-- 星級評價 -->
<div id="star" data-score="1"></div>
<form id='login-form' class="mui-input-group">
<div class="contaniner fixed-cont">
<section class="assess">
<p>
<textarea rows="5" placeholder="請寫下對寶貝的感受吧,對他人幫助很大哦" id="evaluate" ></textarea>
</p>
<ul>
<li>
商品評價
</li>
<li class="assess-right">
<img onclick="level(1)" src="images/detail-iocn01.png"/>
<img onclick="level(2)" src="images/detail-iocn01.png"/>
<img onclick="level(3)" src="images/detail-iocn01.png"/>
<img onclick="level(4)" src="images/detail-iocn01.png"/>
<img onclick="level(5)" src="images/detail-iocn01.png"/>
</li>
</ul>
</section>
</div>
</form>
<!-- 圖片上傳 -->
<div id="imagenone">
<a class="imageup 1" id="headImage"><img id="headIma" class="headimg" src='' onerror="this.src='images/scimg.png'" alt="點擊上傳圖片" border="2" height="100" width="100">
</a>
</div>
<!-- <a class="imageup 2" id="uploadImage"><img id="headimg" class="headimg" src='' onerror="this.src='images/scimg.png'" height="100" width="100">
</a> -->
<!-- <p><button id="uploadImage" class='button'> 提交</button></p> -->
<div class="mui-content" style="background-color:#fff">
<ul id="imgaes">
</ul>
</div>
<footer class="assess-footer fixed-footer ">
<ul>
<a class="imageup 2" id="uploadImage"><input type="button" value="發表評論" id="uploadImage" class="headimg"/>
</a>
</ul>
</footer>
<script src="js/mui.min.js"></script>
<script src="js/app.js"></script>
<script src="js/mui.zoom.js"></script>
<script src="js/mui.previewimage.js"></script>
<script src="js/host.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.raty.min.js"></script>
<script src="js/mui.previewimage.js"></script>
<script src="js/mui.zoom.js"></script>
<script>
// 獲取商品和個人id
C1=window.location.href.split("?")[1];
C2=C1.split("=")[1];
var state = app.getState();
var user_id = state.user_id;
var evaluate = $("#evaluate").val();
var shop_id = C2;
var statrs=5;
//星級評價代碼
$(".assess-footer ul li label").on('touchstart',function(){
if($(this).hasClass('assd')){
$(".assess-footer ul li label").removeClass("assd")
}else{
$(".assess-footer ul li label").addClass("assd")
};
});
function level(s)
{
var str = '';
var k = 6-s;
for(i=1;i<s+1;i++)
{
str += "<img onclick='level("+i+")' src='images/detail-iocn01.png'/>";
}
for(j=1;j<k;j++)
{
var d=j+s
str += "<img onclick='level("+d+")' src='images/detail-iocn001.png'/>";
}
$('.assess-right').html(str);
statrs = s;
// tests();
}
// function test(){
// alert(score);
// }
// 圖片上傳代碼
//擴展API完成后執行的操作
//附件上傳成功后返回的json
// $("#imagenone").hide();
var fileJson = "";
//上傳附件
var fileArr = [];
var urls = [];
var imagess = [];
// 拍照獲取圖片
function getImage(imgsUI) {
var c = plus.camera.getCamera();
c.captureImage(function(e) {
plus.io.resolveLocalFileSystemURL(e, function(entry) {
var imgSrc = entry.toLocalURL() + "?version=" + new Date().getTime(); //拿到圖片路徑
setFile(imgSrc);
setHtml(imgSrc, imgsUI);
urls = [];
imagess = [];
loadImgs();
}, function(e) {
console.log("讀取拍照文件錯誤:" + e.message);
});
}, function(s) {
console.log("erroraaa" + s.message);
}, {
filename: "_doc/camera/"
})
}
function getHeadImage(imgsUI) {
if(mui.os.plus) {
var buttonTit = [{
title: "拍照"
}, {
title: "從手機相冊選擇"
}];
plus.nativeUI.actionSheet({
title: "上傳圖片",
cancel: "取消",
buttons: buttonTit
}, function(b) { /*actionSheet 按鈕點擊事件*/
switch(b.index) {
case 0:
break;
case 1:
getImage(imgsUI); /*拍照*/
break;
case 2:
galleryImg(imgsUI); /*打開相冊*/
break;
default:
break;
}
})
}
}
function setFile(fileSrc) {
var image = new Image();
image.src = fileSrc;
fileArr.push(image);
// alert(image);
}
function setHtml(path, imgsUI) {
// var str = '';
var str = '<li id="lookImg" class="mui-table-view-cell mui-media mui-col-xs-6">' +
'<div class="mui-content-padded">' +
'<img id="imagea" class="mui-media-object" src="' + path + '" data-preview-src="" data-preview-group="1">' + //《注意》:data-preview-group="1"這里為分組設置,如果界面中有多個div中放不同圖片,那么這里要為每個組設置一個不同的值。
'<span class="mui-icon mui-icon-trash deleteBtn"></span>' + //這里是刪除圖片接鈕
'</div>' +
'</li>';
$("#imgaes").append(str);
}
// 監聽點擊圖片大圖瀏覽
$(".mui-content").on('tap', '.mui-content-padded img', function() {
});
// 監聽點擊大圖瀏覽圖片返回
$("body").on("tap", "#__MUI_PREVIEWIMAGE", function() {
})
// 監聽圖片的刪除點擊
mui("body").on('tap', '.mui-content-padded span', function() {
$(this).closest("li").hide(800, function() {
$(this).closest("li").remove();
urls = [];
imagess = [];
loadImgs()
});
});
function loadImgs() {
// 獲取圖片地址列表
var images = document.querySelectorAll('.mui-content-padded img');
imagess = images;
for(var i = 0; i < images.length; i++) {
urls.push(images[i].src);
}
// alert(images.length);
var len = 4;
if(len < images.length){
$("#imagenone").hide();
}else{
$("#imagenone").show();
}
}
//圖片上傳
function uploadImage() {
var files = new Array();
$(".mui-content-padded").each(function(index) {
var imgurl = $(this).find('img').attr('src');
var image = new Image();
image.src = imgurl;
files.push(image);
});
if(!files) {
return;
}
// console.log("上傳中...");
var wt=plus.nativeUI.showWaiting();
//獲取token信息
// var appToken = localStorage.getItem("appToken");
// var tokenHeader = localStorage.getItem("tokenHeader");
//上傳路徑
// var mainUrls = serverip + "api/innerapi/file_upload";
var task = plus.uploader.createUpload('http://'+host+'/yungfu/evaluate.php', {
method: "POST",
}, function(t, status) { //上傳完成
// mui.hideLoading();
if(status==200){
? ?alert("評價成功:感謝您的評價!");
? ?wt.close(); //關閉等待提示按鈕
// window.close();
mui.openWindow({
url: 'orderm.html',
id:'uploadImage',
extras: {user_id:user_id}
});
? ? ? ? ? ? ? ? ? ? } else {
alert("上傳失敗:" + status);
wt.close();
}
}); //將文件集合添加到上傳隊列中
for(var i=0;i<files.length;i++){
? ? ? ? var f=files[i];
? ? ? ? task.addFile(f.src,{key:i});
? ? }
//上傳時帶token信息
// task.setRequestHeader(tokenHeader, appToken);
//添加其他參數
task.addData("user_id",user_id);
task.addData("shop_id",shop_id);
task.addData("evaluate",mui("#evaluate")[0].value);
var score = statrs;
task.addData("score_id",score.toString());
//開始上傳
task.start();
}
// 從相冊中選擇圖片
function galleryImg(imgsUI) {
// 從相冊中選擇圖片
plus.gallery.pick(function(e) {
for(var i in e.files) {
var fileSrc = e.files[i];
setFile(fileSrc);
setHtml(fileSrc, imgsUI);
}
urls = [];
imagess = [];
loadImgs();
}, function(e) {
if(e.code == 8) { //沒有權限
var btnArray = ["確定"];
mui.confirm('請在【設置】中打開相機及相冊權限!', '相冊權限未開', btnArray, function(e) {
if(e.index == 1) {
} else {
}
})
}
console.log("取消選擇圖片");
}, {
filter: "image",
multiple: true,
maximum: 3,
system: false,
onmaxed: function() {
onAlert('最多只能選擇3張圖片');
}
});
}
//點擊拍照及本地相冊事件
$("#headImage").on("tap", function() {
getHeadImage("#images");
})
//點擊附件上傳事件
$("#uploadImage").on("tap", function() {
uploadImage();
})
//大圖瀏覽
mui.previewImage();
</script>
</body>
</html>
php接收文件代碼:
~~~
<?php
include('plugin/db.php');
include('plugin/evaluate.php');
$user_id = $_POST['user_id'];
$order_id = $_POST['shop_id'];
//$order_id = 32;
//$score = $_POST['score_id'];
$score_id = $_POST['score_id'];
//
$test = evaluate::instance();
$evaluate = $_POST['evaluate'];
//
$orderm = $test->goodone($order_id);
//
$tmp = json_decode($orderm['goods'],true);
if (empty($evaluate)){
$evaluate = '此用戶未填寫評論。';
}
if($_SERVER['REQUEST_METHOD']=='POST'){
$fs=array();
foreach ( $_FILES as $name=>$file ) {
$str = stristr($file['name'], '.'); // stristr()函數獲取上傳文件的后綴
// strtotime()函數定義一個Unix時間戳
$path = "image/" . uniqid(prefix, false) . $str; // 定義上傳文件的存儲位置
if (move_uploaded_file($file['tmp_name'], $path)) {
// $strs = substr($path,6);
$imastr = "/yungfu/" . $path;
$tests[$name] = array($imastr);
// $tests['image'] = json_decode($imastr);
$fs[$name] = array('name' => $imastr, 'url' => $file['name'], 'type' => $file['type'], 'size' => $file['size']);
} else {
$fs[$name] = array('name' => $name, 'url' => 'error', 'type' => $file['type'], 'size' => $file['size']);
}
}
$tes = json_encode($tests);
// $test->test($tes);
foreach ($tmp as $shopkey => $shopvalue){
$shop_id = $shopvalue[0];
// print_r($shop_id);
$test->add($user_id,$shop_id,$evaluate,$tes,$score_id);
}
}
$test->upstates($order_id);
$test->delecorder($order_id);
echo json_encode($shop_id);
?>
~~~
單圖上傳:
<!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>
<link href="css/mui.min.css" rel="stylesheet" />
<link href="css/add_car.css" rel="stylesheet" type="text/css" />
<style>
.add-image{
margin: 2rem 0 0.5rem 0;
}
.imageup{ margin: 3rem 0 0 0; width:100px; height: 2rem; font-size: 1.5rem;}
.button{ width:100px; height: 50px; line-height:50px;}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav" style="padding-right: 15px;">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">修改庫存</h1>
</header>
<div class="tjiass" id="tjiadiva">
<div class="mui-input-row">
<label>銀行卡姓名:</label>
<input type="text" placeholder="請輸入姓名" id="car-name">
</div>
<div class="mui-input-row">
<label>銀行卡類型:</label>
<input type="text" placeholder="示例:中國郵政銀行" id="car-sort">
</div>
<div class="mui-input-row">
<label>銀行卡號:</label>
<input type="text" placeholder="請輸入18位有效銀行卡號" id="car-num">
</div>
<div class="add-image">
<p><a href="javascript:;" class="imageup">點擊上傳微信或支付寶收款碼</a> </p>
</div>
<!-- <p><button onclick="upload();" class='button'> 提交</button></p> -->
<img id="headimg" src='' height="250" width="150">
</div>
<button class="tjiabuttou" id="buttijiao">提交</button>
<script src="js/mui.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/host.js"></script>
<script src="js/app.js"></script>
<script>
var state = app.getState();
var user_id = state.user_id;
function plusReady(){
// 彈出系統選擇按鈕框
mui("body").on("tap",".imageup",function(){
page.imgUp();
})
}
var page=null;
page={
imgUp:function(){
var m=this;
plus.nativeUI.actionSheet({cancel:"取消",buttons:[
{title:"從相冊中選擇"}
]}, function(e){//1 是拍照 2 從相冊中選擇
switch(e.index){
case 1:appendByGallery();break;
case 2:appendByGallery();break;
}
});
}
}
// 從相冊添加文件
function appendByGallery(){
plus.gallery.pick(function(path){
document.getElementById("headimg").src = path;
});
}
//服務端接口路徑
var server = "http://" + host + "/songga/add_car.php";
//獲取圖片元素
var files = document.getElementById('headimg');
// 上傳文件
var buttijiao = document.getElementById('buttijiao');
buttijiao.addEventListener('tap', function() {
// console.log(files.src);
var wt=plus.nativeUI.showWaiting();
var task=plus.uploader.createUpload(server,
{method:"POST"},
function(t,status){ //上傳完成
if(status==200){
alert("上傳成功:"+t.responseText);
wt.close(); //關閉等待提示按鈕
}else{
alert("上傳失敗:"+status);
wt.close();//關閉等待提示按鈕
}
}
);
//添加其他參數
task.addData("name","test");
task.addFile(files.src,{key:"dddd"});
task.start();
})
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
// var res = /^\+?[1-9][0-9]*$/;
//
//
// var buttijiao = document.getElementById('buttijiao');
// buttijiao.addEventListener('tap', function() {
// var name = $("#car-name").val();
// var sort = $("#car-sort").val();
// var num = $("#car-num").val();
//
// var reg = /^[0-9]+$/;
// if (num != "" && reg.test(num) && num.length == 18) {
// mui.post("http://" + host + "/songga/add_car.php", {
// name: name,
// user_id: user_id,
// sort: sort,
// num: num
//
// },
// function(data) {
//
// if (data == 'jlksdjfkjlaskj564sfa13s1a3fs5d') {
//
// alert('添加成功');
// // opener.location.reload();
// // mui.currentWebview.close();
// mui.fire(plus.webview.getWebviewById('cash'), 'refresh');
// plus.webview.getWebviewById('cash').show();
// // window.location.person.href = "updet.html";
// } else {
//
// alert('添加失敗,請聯系客服');
// }
//
// }, 'json'
// );
// } else {
// alert('銀行卡號輸入錯誤,請注意核對信息是否正確!');
// return false;
// }
// // alert(shop_id);
//
// });
</script>
</body>
</html>
php代碼:
~~~
<?php
include('plugin/db.php');
include('plugin/stock.php');
$q = stock::instance();
$cars = array($_POST['name'],$_POST['sort'],$_POST['num']);
$car = json_encode($cars,JSON_UNESCAPED_UNICODE);
//
$file = $_FILES['dddd']['name'];
$dir = "addwechat/";
if (!is_dir($dir)){
mkdir($dir);
}
$str = stristr($file, '.'); // stristr()函數獲取上傳文件的后綴
$path = $dir . uniqid(addcar, false) . $str;
// 定義上傳文件的存儲位置
if (move_uploaded_file($_FILES['dddd']['tmp_name'], $path)) {
$imastr = "/songga/" . $path;
$tests = $imastr;
$tess = '上傳成功';
} else {
$tests = '';
$tess = '上傳失敗';
}
$tes = json_encode($tests);
$q->user_addcar($_POST['user_id'],$car,$tes);
$a = 'jlksdjfkjlaskj564sfa13s1a3fs5d';
echo json_encode($tess);
~~~