21,886
社区成员
发帖
与我相关
我的任务
分享图片压缩上传 新数据提醒 公众号客户ID的问题
上个月单位下达死命令要做个微信公众号 其中要有个关键是预约的功能，硬着头皮接下来 本来没什么网站基础的，经过大半个月的摸索 学了些简单的html css php总算把站点页面 和后台基本搭起来 勉强能使用， 学习过程中得到版主 xuzuning 和各位的热心帮助，在此表示感谢！
现在遇到一个问题想请教下各位，我做了一个手机页面 用html表单上传图片到服务器 ，但是由于一般手机图片都比较大，等待时间过长 有时候因为等待过长时间还出错，客户体验确实不好 有没有简单办法在上传之前就把图片压缩好 再上传呢，我基础不好 英文就认全26个字母那种水平，网上找了一些例子，基本看不懂
另一个问题是我用PHP做了一个简单的后台查看页面，怎么能在客户提交表单的同时 弹出提醒，类似一些论坛的站内信那种，也就是说数据库某个表新加入一条数据，在页面上能有个提示，怎么能实现。
还有一个问题就是客户通过微信公众号访问了我建的这个手机站点 我怎么知道哪位客户使用了上传的表单页面，用户ID怎么获取，有没有办法在上传表单的同时一起提交。
谢谢大家
现在遇到一个问题想请教下各位，我做了一个手机页面 用html表单上传图片到服务器 ，但是由于一般手机图片都比较大，等待时间过长 有时候因为等待过长时间还出错，客户体验确实不好 有没有简单办法在上传之前就把图片压缩好 再上传呢，我基础不好 英文就认全26个字母那种水平，网上找了一些例子，基本看不懂
另一个问题是我用PHP做了一个简单的后台查看页面，怎么能在客户提交表单的同时 弹出提醒，类似一些论坛的站内信那种，也就是说数据库某个表新加入一条数据，在页面上能有个提示，怎么能实现。
还有一个问题就是客户通过微信公众号访问了我建的这个手机站点 我怎么知道哪位客户使用了上传的表单页面，用户ID怎么获取，有没有办法在上传表单的同时一起提交。
谢谢大家
...全文
请发表友善的回复…
发表回复
pcm5800 2016-12-13
- 打赏
- 举报
可以帮我看下这段代码吗， 在javascript怎么控制 不能达到条件就不提交 现在是相当于是4个 前面3个可以控制住 第4个条件不满足 (在这里表现为不上传图片 顶多提示“请选择不大于4M的图片文件 支持PNG JPG GIF格式 建议使用手机截图”这句话，后面还是执行了提交)也会提交，需要怎么改动才可以控制住
javascript限制上传文件容量的代码该怎么写,谢谢
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>车管预约系统-我要预约</title>
<script type="text/javascript">
function $(id) {return document.getElementById(id);}
function check() {
var name = $("name").value;
var chepai = $("chepai").value;
var tel = $("tel").value;
var file1 = $("file1").value;
if(name == "") {
alert("请输入您的姓名");
$("name").focus();
return false;
}
if(chepai == "") {
alert("请输入你的车牌");
$("chepai").focus();
return false;
}
if(tel == "") {
alert("请输入你的电话");
$("tel").focus();
return false;
}
if(file1 == "") {
alert("请选择不大于4M的图片文件 支持PNG JPG GIF格式 建议使用手机截图");
$("file").focus();
return false;
}
}
</script>
<base target="_blank"/>
<link rel="stylesheet" type="text/css" href="css/3gindex.css">
</head>
<body>
<div class="div_logo">
<img src="img/3g/3g-logo01.png" width="100%" height="85%" />
<span class="span1">欢迎使用车管预约系统</span>
</div>
<div class="div_a">
<table border="0" height="30" width="100%">
<tr>
<td align="center">
<div class="div_a_1"><a href="3gindex.php"><img src="img/3g/3g-a001.png" width="100" height="30" /></a></div>
<div class="div_a_1"><a href="3gyuyue.php"><img src="img/3g/3g-a002.png" width="100" height="30" /></a></div>
<div class="div_a_1"><a href="3gmeyuyue.php"><img src="img/3g/3g-a003.png" width="100" height="30" /></a></div>
</td>
</tr>
</table>
</div>
<div class="div_b">
<table width="100%" align='center' border="0" cellspacing="0" cellpadding="0"
<tr>
<td align="center" valign="middle" bgcolor=""><table width="100%" border="0">
<tr>
<td width="0" valign="middle" bgcolor=""><form enctype="multipart/form-data" name="myform" onsubmit="return check()" method="post" action="3gindex_up.php">
<div class="div_meyuyue_1">
姓 名:
<input type="text" name="name" id="name" style="width:40%;height:30px;" />
</p>
<p>车 号:
<input type="text" name="chepai" id="chepai" style="width:40%;height:30px;" maxlength="6" onKeyUp="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
不用输入归属地</p>
<p>电 话:
<input type="text" name="tel" id="tel" style="width:40%;height:30px;" maxlength="11"onKeyUp="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
请输入11位号码</p>
<div class="div_meyuyue_2"><p><img src="img/3g/3g-b002.png" width="220" height="40">
<input type="file" name="file1" id="file1" accept="image/*" style="width:50%;margin:auto;height:;"/>
</p></div>
<p>预约项目:
<select name="xiangmu" id="xiangmu" style="width:50%;height:30px;" >
<option value="安检和环保">安检和环保</option>
<option value="年审检测">年审检测</option>
<option value="环保检测">环保检测</option>
</select>
</p>
<p> 预约时间:
<?php
$time01=date("Y-m-d",strtotime("+1 day"));
$time02=date("Y-m-d",strtotime("+2 day"));
$time03=date("Y-m-d",strtotime("+3 day"));
$time04=date("Y-m-d",strtotime("+4 day"));
$time05=date("Y-m-d",strtotime("+5 day"));
$time06=date("Y-m-d",strtotime("+6 day"));
$time07=date("Y-m-d",strtotime("+7 day"));
$time08=date("Y-m-d",strtotime("+8 day"));
$time09=date("Y-m-d",strtotime("+9 day"));
$time10=date("Y-m-d",strtotime("+10 day"));
echo " <select name='yuyuetime' style='width:50%;height:30px;'>
<option value='$time01'>$time01</option>
<option value='$time02'>$time02</option>
<option value='$time03'>$time03</option>
<option value='$time04'>$time04</option>
<option value='$time05'>$time05</option>
<option value='$time06'>$time06</option>
<option value='$time07'>$time07</option>
<option value='$time08'>$time08</option>
<option value='$time09'>$time09</option>
<option value='$time10'>$time10</option>
</select>";
?>
</p>
<p>预约时段:
<label>
<select name="ampm" id="ampm" style="width:50%;height:30px;">
<option value="上午">上午</option>
<option value="下午">下午</option>
</select>
</label>
</p>
<p>我要留言:
<textarea name="text" style="width:60%;height:30px;" maxlength="15"></textarea>
</p><br/></div>
<p>
<input type="submit" value="完成 我要上传" style="background-color:#900;width:100%;height:30px;font-size:22px;color:#FFF;margin-left:0%;border:none;"/>
</p>
</form></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>
黄袍披身 2016-12-13
- 打赏
- 举报
等同的,文件大 网络慢.....
当然了 等待的这个过程似乎是可以做一个优化的，如果它不是必须的，那么可以指引用户在这个期间做点别的.
pcm5800 2016-12-13
- 打赏
- 举报
谢谢
第一个问题我的意思是客户打开手机页面 用表单上传的图片容量过大 等待时间过长。。。
黄袍披身 2016-12-13
- 打赏
- 举报
图片的压缩效果是很差的 压缩不压缩 以损失画面的质量成正比几乎
所以图片只是在你处理的时候自行处理得更小一些
第二个问题涉及的知识比较多 JS ajax 或者新的语言 node.js 或者 其他.....所以我也不知道从哪里说起好,
鉴于你现在的能力 建议开始深入一点js的学习
第三个问题 SESSION 以及微信的SDK 文档可以再仔细看看 我没做微信的开发，但我想一定有一个唯一的身份标识.
pcm5800 2016-12-13
- 打赏
- 举报
谢谢，
第一个问题也没解决哦 有什么办法吗
justS0 2016-12-13
- 打赏
- 举报
你第一个问题解决了是么？ 那我回答下第二个和第三个问题吧。
第二个问题，你想在用户上传时弹出提醒， 应为是php 不能推送消息，那也在后台页面开启一个定时器，时刻检查是不是有人上传的图片，如果有 就弹出提醒。
第三个问题，微信公众平台有标识用户身份的openId,具体的你可以看下 微信公众平台开发文档中的oauth授权部分，只要用户授权了 就可以拿到用户的openId 及用户的其他相关身份信息 如用户名等
pcm5800 2016-12-13
- 打赏
- 举报
可以帮我看下这段代码吗， 在javascript怎么控制 不能达到条件就不提交 现在是相当于是4个 前面3个可以控制住 第4个条件不满足 (在这里表现为不上传图片 顶多提示“请选择不大于4M的图片文件 支持PNG JPG GIF格式 建议使用手机截图”这句话，后面还是执行了提交)也会提交，需要怎么改动才可以控制住
javascript限制上传文件容量的代码该怎么写,谢谢
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>车管预约系统-我要预约</title>
<script type="text/javascript">
function $(id) {return document.getElementById(id);}
function check() {
var name = $("name").value;
var chepai = $("chepai").value;
var tel = $("tel").value;
var file1 = $("file1").value;
if(name == "") {
alert("请输入您的姓名");
$("name").focus();
return false;
}
if(chepai == "") {
alert("请输入你的车牌");
$("chepai").focus();
return false;
}
if(tel == "") {
alert("请输入你的电话");
$("tel").focus();
return false;
}
if(file1 == "") {
alert("请选择不大于4M的图片文件 支持PNG JPG GIF格式 建议使用手机截图");
$("file").focus();
return false;
}
}
</script>
<base target="_blank"/>
<link rel="stylesheet" type="text/css" href="css/3gindex.css">
</head>
<body>
<div class="div_logo">
<img src="img/3g/3g-logo01.png" width="100%" height="85%" />
<span class="span1">欢迎使用车管预约系统</span>
</div>
<div class="div_a">
<table border="0" height="30" width="100%">
<tr>
<td align="center">
<div class="div_a_1"><a href="3gindex.php"><img src="img/3g/3g-a001.png" width="100" height="30" /></a></div>
<div class="div_a_1"><a href="3gyuyue.php"><img src="img/3g/3g-a002.png" width="100" height="30" /></a></div>
<div class="div_a_1"><a href="3gmeyuyue.php"><img src="img/3g/3g-a003.png" width="100" height="30" /></a></div>
</td>
</tr>
</table>
</div>
<div class="div_b">
<table width="100%" align='center' border="0" cellspacing="0" cellpadding="0"
<tr>
<td align="center" valign="middle" bgcolor=""><table width="100%" border="0">
<tr>
<td width="0" valign="middle" bgcolor=""><form enctype="multipart/form-data" name="myform" onsubmit="return check()" method="post" action="3gindex_up.php">
<div class="div_meyuyue_1">
姓 名:
<input type="text" name="name" id="name" style="width:40%;height:30px;" />
</p>
<p>车 号:
<input type="text" name="chepai" id="chepai" style="width:40%;height:30px;" maxlength="6" onKeyUp="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
不用输入归属地</p>
<p>电 话:
<input type="text" name="tel" id="tel" style="width:40%;height:30px;" maxlength="11"onKeyUp="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
请输入11位号码</p>
<div class="div_meyuyue_2"><p><img src="img/3g/3g-b002.png" width="220" height="40">
<input type="file" name="file1" id="file1" accept="image/*" style="width:50%;margin:auto;height:;"/>
</p></div>
<p>预约项目:
<select name="xiangmu" id="xiangmu" style="width:50%;height:30px;" >
<option value="安检和环保">安检和环保</option>
<option value="年审检测">年审检测</option>
<option value="环保检测">环保检测</option>
</select>
</p>
<p> 预约时间:
<?php
$time01=date("Y-m-d",strtotime("+1 day"));
$time02=date("Y-m-d",strtotime("+2 day"));
$time03=date("Y-m-d",strtotime("+3 day"));
$time04=date("Y-m-d",strtotime("+4 day"));
$time05=date("Y-m-d",strtotime("+5 day"));
$time06=date("Y-m-d",strtotime("+6 day"));
$time07=date("Y-m-d",strtotime("+7 day"));
$time08=date("Y-m-d",strtotime("+8 day"));
$time09=date("Y-m-d",strtotime("+9 day"));
$time10=date("Y-m-d",strtotime("+10 day"));
echo " <select name='yuyuetime' style='width:50%;height:30px;'>
<option value='$time01'>$time01</option>
<option value='$time02'>$time02</option>
<option value='$time03'>$time03</option>
<option value='$time04'>$time04</option>
<option value='$time05'>$time05</option>
<option value='$time06'>$time06</option>
<option value='$time07'>$time07</option>
<option value='$time08'>$time08</option>
<option value='$time09'>$time09</option>
<option value='$time10'>$time10</option>
</select>";
?>
</p>
<p>预约时段:
<label>
<select name="ampm" id="ampm" style="width:50%;height:30px;">
<option value="上午">上午</option>
<option value="下午">下午</option>
</select>
</label>
</p>
<p>我要留言:
<textarea name="text" style="width:60%;height:30px;" maxlength="15"></textarea>
</p><br/></div>
<p>
<input type="submit" value="完成 我要上传" style="background-color:#900;width:100%;height:30px;font-size:22px;color:#FFF;margin-left:0%;border:none;"/>
</p>
</form></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>[/quote]
不用麻烦了。。。这个问题解决了
