和情人开房 她和她男朋友聊天 我和我女朋友不开房分手聊天 感觉很搞笑..

来源：蜘蛛抓取(WebSpider) 时间：2017-07-26 12:31 标签： 女朋友愿意开房的表现
【用到的HTML5标签】
&input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput"
class="sign_file"/&
就这一个标签就搞定了调用IPHONE摄像头，真是无比的威武！！！
【等比缩放图片】
function drawOnCanvas(file) {
var reader = new FileReader();
reader.onload = function (e) {
var dataURL = e.target.result,
canvas = document.querySelector('canvas'),
ctx = canvas.getContext('2d'),
img = new Image();
img.onload = function() {
var square = 320;
canvas.width =
canvas.height =
var context = canvas.getContext('2d');
context.clearRect(0, 0, square, square);
var imageW
var imageH
var offsetX = 0;
var offsetY = 0;
if (this.width & this.height) {
imageWidth = Math.round(square * this.width / this.height);
imageHeight =
offsetX = - Math.round((imageWidth - square) / 2);
imageHeight = Math.round(square * this.height / this.width);
imageWidth =
offsetY = - Math.round((imageHeight - square) / 2);
context.drawImage(this, offsetX, offsetY, imageWidth, imageHeight);
var base64 = canvas.toDataURL('image/jpeg',0.5);
$('#j_thumb').val(base64.substr(22));
img.src = dataURL;
reader.readAsDataURL(file);
FileReader对象是用来解析file控件获取的本地图片地址的，具体介绍请百度一下。把解析好的地址设置给IMG标签的SRC属性，然后通过canvas对象把图片绘制；
在这过程中就有个等比缩放的算法，再用drawImage方法把图像画到canvas中。
【如何获取画好的图片数据传到后端处理】
通过&canvas.toDataURL('image/jpeg',0.5)就可以获取到base64编码值，然后你就可以按照传统的POST或者AJAX方式处理了。
【让图片显示】
document.querySelector('input[type=file]').onchange = function () {
var file = input.files[0];
drawOnCanvas(file);
【后台处理方式】
$base64 = $_POST['formFile'];
$IMG = base64_decode( $base64 );
file_put_contents('1.png', $IMG );
根传统的上传图片不同，这时候后台需要用base64_decode解码
转载请注明： >>
>> 如需讨论请加我QQ：；加友申请填写“来自林氏智造”分享到：您可能感兴趣的文章热门标签君，已阅读到文档的结尾了呢~~
html5 调用摄像头 html5 摄像头 html5 拍照 奇热网高清电视剧 奇热剧集站 html5 调用通讯录 奇热网 奇热王 奇热123
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
奇热利用html5调用本地摄像头拍照上传图片
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。&&&&基于html5实现摄像头数据的采集和上传
基于html5实现摄像头数据的采集和上传
花了半个月做出来的网页，借鉴了网上很多的代码和方法，当然也修改了不少地方，主要是网上的很多无法直接使用。基于html5实现摄像头数据的采集和上传，在xampp下可以直接使用，也可以直接在支持php等的服务器上直接使用，因为做出来比较辛苦，所以资源分设置高了点。
在Opera下直接使用，不支持html5或者支持不良好的浏览器可能无法使用，我使用的Opera的版本是“版本：27.0.1689.54”
若举报审核通过，可奖励20下载分
被举报人：
autumoonchina
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
服务器应用下载排行

我要回帖

更多关于 女朋友愿意开房的表现 的文章

 

随机推荐