CN-cheng
CN-cheng

html+js调用手机摄像头扫描二维码

在app项目中实现HTML5的扫描二维码，网上的搜了一大推，但是实际使用的时候发现能直接上手的并不多，所以自己百度，然后提炼了一些，下面直接上代码。

在线示例
注意：
1.安卓(5.1)有些手机中测试正常，iOS暂时不行，后续再研究。
2.需要自己打包成APP，比如用Hbuilder打包，因为摄像头涉及权限问题。（我打包的下载）

js插件链接：
http://www.jq22.com/demo/jQueryQrcode201709202327/analyticCode.js
http://www.jq22.com/demo/jQueryQrcode201709202327/llqrcode.js


<head>
    <title>HTML5 GetUserMedia Demotitle>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <style>
    	body {
    		text-align: center;
    		margin: 0;
    	}
    	.hide {
    		display: none;
    	}
    	.toast {
    		position: fixed;
    		bottom: 150px;
    		left: 50%;
    		background: rgba(35,35,35,0.8);
    		color: #fff;
    		padding: 5px 15px;
    		transform: translate(-50%, 50%);
    		border-radius: 5px;
    	}
    	video {
    		width: 100vw;
    	}
    style>
head>
<body>
<video autoplay="autoplay">video>
<canvas id="canvas1" height="320px" class="hide">canvas>
<img class="hide" src="" alt="" id="img" />
<div>div>
<span class="toast hide" id="toast">
	
span>
<button id="scan">扫一扫button>
<script src="http://www.jq22.com/demo/jQueryQrcode201709202327/analyticCode.js" type="text/javascript" charset="utf-8">script>
<script src="http://www.jq22.com/demo/jQueryQrcode201709202327/llqrcode.js" type="text/javascript" charset="utf-8">script>
<script type="text/javascript">
    var video = document.querySelector('video');
    var audio, audioType;

    var canvas1 = document.getElementById('canvas1');
    var context1 = canvas1.getContext('2d');
    var stream;
    
    // 兼容不同浏览器内核
    // 老的浏览器可能根本没有实现 mediaDevices，所以我们可以先设置一个空的对象
	if (navigator.mediaDevices === undefined) {
	  navigator.mediaDevices = {};
	}
	
	// 一些浏览器部分支持 mediaDevices。我们不能直接给对象设置 getUserMedia 
	// 因为这样可能会覆盖已有的属性。这里我们只会在没有getUserMedia属性的时候添加它。
	if (navigator.mediaDevices.getUserMedia === undefined) {
	  navigator.mediaDevices.getUserMedia = function(constraints) {
	
	    // 首先，如果有getUserMedia的话，就获得它
	    var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
	
	    // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
	    if (!getUserMedia) {
	      	return Promise.reject(new Error('getUserMedia is not implemented in this browser'));
	    }
	
	    // 否则，为老的navigator.getUserMedia方法包裹一个Promise
	    return new Promise(function(resolve, reject) {
	      	getUserMedia.call(navigator, constraints, resolve, reject);
	    });
	  }
	}

    window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;

	var exArray = [];
    navigator.mediaDevices.enumerateDevices()
    .then(function(sourceInfos) {
        for (var i = 0; i != sourceInfos.length; ++i) {
            var sourceInfo = sourceInfos[i];
            //这里会遍历audio,video，所以要加以区分
            if (sourceInfo.kind === 'video') {
                exArray.push(sourceInfo.deviceId);
            }
        }
    })
	.catch(function(err) {
	  	alert(err.name + ": " + err.message);
	});

    function getMedia() {
        if (navigator.mediaDevices.getUserMedia) {
            navigator.mediaDevices.getUserMedia({
            	audio: false,
            	video: {
        			facingMode: { exact: "environment" }
        		}
            }).then(function(stream) {
			  	successFunc(stream)
			})
			.catch(function(err) {
			  	errorFunc(err)
			});
        }
        else {
            alert('Native device media streaming (getUserMedia) not supported in this browser.');
        }
    }
    // 初始就加载摄像头，不加定时会出现显示的前置摄像头（大概因为打开摄像头也要时间）
    /*setTimeout(function() {
		getMedia();
    }, 500);*/
	
    function successFunc(stream) {
        //alert('Succeed to get media!');
        if (video.mozSrcObject !== undefined) {
            //Firefox中，video.mozSrcObject最初为null，而不是未定义的，我们可以靠这个来检测Firefox的支持
            video.mozSrcObject = stream;
        }
        else {
            video.src = window.URL && window.URL.createObjectURL(stream) || stream;
        }
    }
    function errorFunc(e) {
        alert('Error！'+e);
    }

	var getImgTiming = null;
    // 将视频帧绘制到Canvas对象上,Canvas每60ms切换帧，形成肉眼视频效果
    function drawVideoAtCanvas(video,context) {
        window.setInterval(function () {
            context.drawImage(video, 0, 0,240,320);
        }, 3000);
        // 定时进行图片转换成二维码
        getImgTiming = window.setInterval(function () {
            getImg();
        }, 1000);
    }

    // vedio播放时触发，绘制vedio帧图像到canvas
	video.addEventListener('play', function () {
	    drawVideoAtCanvas(video, context1);
	}, false);
    
    // 转化图片
    function getImg() {
    	var dataURL = canvas1.toDataURL("image/png");
    	// 加载文件
    	document.getElementById('img').src = dataURL;
    	getUrl(document.getElementById('img'), 'img-url');
    }

    // 获取二维码地址
    function getUrl(e,param){
        analyticCode.getUrl(param,e,function(text,imgSrc){
        	// 判断是否解析成功
        	if (text == 'error decoding QR Code') {
        		document.getElementById('toast').innerHTML = '请对准二维码';
        		document.getElementById('toast').classList.remove('hide');
        	} else {
        		document.getElementById('toast').innerHTML = '识别成功';
        		document.getElementById('toast').classList.remove('hide');
        		// 如果成功，请求接口、取消定时解析图片
        		setTimeout(function () {
        			document.getElementById('toast').classList.add('hide');
        			clearInterval(getImgTiming);
        		}, 3000);
	            e.nextElementSibling.innerHTML = text;
	            e.previousElementSibling.src = imgSrc;
        	}
        });
    }
    
    // 点击扫一扫
    document.getElementById('scan').onclick = function() {
    	getMedia();
    };
script>
body>

你可能感兴趣的:(小玩意,小效果,经验,app)

  • 2019-11-13晨间日记 ZYHJ
    今天是什么日子起床：清晨6::00就寝：夜晚：22:30天气：风和日丽心情：愉快纪念日：任务清单昨日完成的任务，最重要的三件事：改进：习惯养成：生活规律周目标·完成进度学习·信息·阅读早读英语健康·饮食·锻炼晚餐散步人际·家人·朋友陪伴家人工作·思考继续努力最美好的三件事1.每天都有小进步2.3.思考·创意·未来保持原有节奏，继续努力
  • 智利插画师Maria victoria rivero作品欣赏 布丁辰儿
    分享智利插画师Mariavictoriarivero的一组作品～她利用彩铅细腻的特性，选择用来表现女生的皮肤，上色柔和，过渡自然，很好地描绘出了少女肌肤的光滑细腻的特点。然后再利用有色卡纸本身带有的颜色与肌理的特点，适当地运用白色进行遮盖与刻画，从而使画面通透、华丽、装饰性意味极强，最终呈现出来的效果非常的棒。
  • PHP实战就业指南：从入门到高薪的核心技能图谱
    PHP实战就业指南：从入门到高薪的核心技能图谱残酷现实与光明前景：尽管新兴语言不断涌现，PHP仍占据全球78.9%的服务器市场份额（W3Techs2024），国内招聘平台日均发布2.3万+PHP岗位，薪资范围6K-45K。关键在于掌握市场真正需要的技能组合。一、就业市场三大方向与薪资对标方向代表岗位薪资范围(1-3年经验)核心技术栈要求企业级开发PHP高级开发工程师15K-25KLaravel/S
  • 周末涂鸦植物 POPO_c220
    以前就知道菊花，野菊花，黄花，菜花下次装个x苦苣花，黄色或白色，直茎，头状花序，舌状花，一年2年生，菊科。各种叶型，披针形，椭圆形，倒披针型图片发自App图片发自App图片发自App萝卜花，粉紫色，白色，4瓣，卵型，根可以吃图片发自App图片发自App图片发自App图片发自App
  • 宝宝多大开始添加辅食？别错过了宝宝辅食黄金期 小壮熊母婴
    很多新手妈妈最关心的话题之一就是宝宝添加辅食的问题，宝宝添加辅食是一个非常重要的阶段，添加过早容易伤及宝宝肠胃，添加过晚又担心宝宝的营养跟不上。那么，宝宝究竟什么时候添加辅食最好呢？添加辅食有什么原则？跟着小壮熊一起来看一看吧。01宝宝添加辅食的时间宝宝最佳添加辅食的黄金时间是4-6个月这个时间段内，最迟的时间也不能超过8个月哦，否则的话会造成宝宝营养不良，身体容易生病。宝宝到了一定阶段，也会自身
  • 青春里重要的你！ 靖然呐
    图片发自App青春里能够遇见你真好！每个人的青春只有一回，我应该珍惜我们仅有的青春时光，可能这份珍惜是在学习上，但更多的应该是青春里的那个他（她）因为她（他）而努力奋斗。喜欢又不敢开口，只能默默的在背后跟随，直至青春结束，步入职场，默默守护！鼓起勇气去告白吧，不要在以后的某个时刻，而后悔此生没有选择对她（他）说，直到她（他）从你的身边永远走远。
  • 想认真跟你们聊一件很俗的事儿，2022年该如何赚钱? 唐夕
    因为今年我给自己制定了赚钱目标，以前真的从来没想过给自己制定这个目标，今年我给自己定了。一直以来，我都很少跟你们聊赚钱的话题。一方面是我自己并没有赚到太多钱，又很多赚钱的经验分享，所以积累不足，也就无法多写。另一方面是我自己一直以来对钱都没有多么大的渴求，也没有很大的欲望。当然，并不是我不缺钱哈，农村家庭出身的孩子，不说多缺，但是也没有多有。你们想想我小学六年级毕业的那个暑假就开始自己打工赚钱了，
  • 远方文学二级要开课了 洮南远方文学
    图片发自App近几日有家长不断咨询二级课程。二级课程开始正式学习小说和戏剧。像《红楼梦》、《巴黎圣母院》这些长篇小说是世界文学精粹！二级与一级不同，背诵比较少，主要是理解小说人物和情节。我们希望能够基于语文这个平台，让孩子从情感上从人性上得到更健康的影响，同时，我们真正的让孩子能够运用语言文字提升作品理解能力。人生路漫漫，好多东西是需要用投入时间和精力才能完成的！图片发自App
  • 良心高效的记单词软件 d6863d4a4904
    墨墨背单词（名字千万别弄错了！）这款帮助大家学习英语单词的软件，相信很多学习党小伙伴们或者身边的同学都会有使用过的，尤其是在加深单词记忆方面，根据同学们每天对所学单词的熟练或者模糊程度，结合了艾宾浩斯的遗忘曲线，根据时间长短来不断复现，坚持使用的话效果很不错噢！以下内容均为本人（一名不知名的考研党）亲测。大家要是想加强英语词汇量一定要试试啊！强推背单词软件！！首先是app签到页面，这个页面只有你每
  • 小狐狸端午节撞蛋 临江寒
    在我们这个三四线小城市，公立和私立幼儿园最明显区别就是过节这事儿。公立幼儿园过中国传统节日，私立幼儿园过西方节日。今年的端午节，小狐狸的老师就带着他们做香包、赛龙舟和举行撞蛋活动。小狐狸很希望在撞蛋中获得胜利，孩子爸传授了自己小时候总结的撞蛋技巧，可惜我们用早餐水煮蛋进行实践验证发现“用蛋尖去撞别人蛋屁股”技巧完全没用。小狐狸决定活动当天带着他的咸鸭蛋满场躲，以免被同学磕破。我也是护蛋心切，把咸鸭
  • 【 雨过的痕迹 】(晨倚风) 晨倚风
    图片发自App图片发自App图片发自App【雨过的痕迹】(晨倚风)昨夜雨过的痕迹，打乱了花期。以至于，房前盛开的月季，只留下了芬芳满地。有些美好的印记，就像雨后的空气，透明或者清晰，可以闻到一股芳香浓郁。那些被时光淡化的过去，需要用来重温回忆。有些美好，只在回忆里，才彰显另一层次的美丽。
  • 每天追进度的项目，这你敢作? 安平见
    图片发自App安平见之前力爭的项目，由于属兼职，每週都有规定进度，平日忙正职的我，只能在假日狂追进度，以上便是1/26、1/27两天我步数统计结果1/13晚上起跑至今，我完成1/6，明天是第一次的检讨会议，我应该不会被修理得太惨。为了争口气我也真拼了。
  • 2021-06-04 不吼不叫如何调动孩子的主动性 天下谁人不读书
    爸爸妈妈都有过这样的经验，叫孩子吃饭，三请四请都不动；让他去洗澡，东摸摸西看看，就是不去洗；要他去读书学习，更是这翻翻那弄弄，导致父母不得不靠吼叫的高压手段才会起点作用。父母和孩子的目标有着巨大的差距，当他不饿，不想洗澡，不愿读书写字的时候，内心是抗拒的，因为他只会想那是父母要他去做，而不是自己想去做的事。日常对孩子教育，就像推一个木偶，推一下动一下，每天的生活就是父母一直在重复吼叫、催促、唠叨教
  • 雨后江南 鸿鹄是只鸟
    窗外，早起的鸟儿在唱着歌，远处的山和宝塔如一幅水墨画，就连眼前的黑瓦白墙也让人眼前一亮。风从窗口路过，调皮地吻了下我的脸，我打了个激灵，睡意瞬间没有了。连续几夜的春雨，将天地焕然一新，我站在窗口，任风将我的思绪吹散吹远。时间回到了2012年，我看到两个争吵的人，他们卯足了劲儿，像是进行摔碗比赛，可怜的瓷碗，发出此生最后一声脆响，就变成了无数的小碎片，纷纷躲进了床底，柜子底，也有调皮的，在逃跑时划破
  • 思 酒小狐
    疫情莫愁，生活从来都是泥沙俱下，鲜花与荆棘并存，我们带着诚意满满而来，慢也好，步子小也好，只要是往前走就好，我们终将上岸，阳光万里。
  • 第98天 2019.4.8 我埋葬了一只喜鹊 沉默岛主
    图片发自App早上送完女儿上学，我转身去小公园跑步，刚走几步，一眼看到了公园小路旁边躺着一只死喜鹊。我稍微停住，看了它一下，就往前走起来。我在想，它不会是我天天看到的那只正在做窝的喜鹊吧，它是怎么死的，怎么来到这的。图片发自App我绕着公园一圈又经过它身边时，忽然想起了我老公，如果是他看到，他肯定会挖个坑把喜鹊埋掉，那我也可以啊，这个想法出现在脑子里后，我就一边跑步，一边看看四周哪里适合挖坑，可是
  • 两耳不闻窗外事 静静的凌河
    图片发自App李咏走了，金庸走了，师胜杰走了。默克尔不再连任，据说特朗普又要改变出生即入国籍的事。不是我不明白，这世界变化实在快。很久不看电视了，偶尔听听收音机，新闻听得少，一般都是各类演讲和交通台而已。更多的信息是从微信和微博中看到，每天都有大量的朋友圈更新，微信群中也有这样和那样的新闻。每天新闻从不同渠道奔来，信息量太大，有时也只是看个标题而已。过去，早晨听下中央台的新闻和报纸摘要，基本上覆盖
  • 武大樱花如约盛放，我们相见的日子不远了 摄影小蓝莓
    那天，阳光依旧，随着太阳的渐渐高升，武大樱花庚子珞樱如约盛放。一缕缕的阳光，穿过云层，直射在地球上，庚子珞樱如约盛放。细细想来，受疫情的原因，我们只能来一场云赏樱。去过或者是在武大的朋友都知道，武大的最佳赏樱地点，莫过于“樱园”和珞珈山。在樱园一带主要以小日樱花为主，一共收集了有早樱、晚樱和垂枝樱等6种10余个佳品的樱花，花色丰富，绚丽多彩。而珞珈山的樱花柔美中更透出坚韧，樱花树在凛冽的冬天之后，
  • 4 How to talk about doctors? MrWisdom
    1.internist:nAgeneralphysician.Also,aspecialistininternalmedicine.internus:Latinrootinsideinternal:adjinsideintern:nwhoisamedicalgraduateservinganapprenticeshipinsideahospital.2.gynecologist:nadoctorf
  • 2019-07-18 A天南
    临夏市公安局交警大队城区一中队2019年7月18日交通工作日报2019年7月18日，临夏市公安局交警大队城区一中队共出动警力14人，警车1辆，在辖区内进行集中整治。当日查处违法行为，未使用安全带3起，限行车辆违反禁令标志1起，逾期未检验1起，图片发自App图片发自App图片发自App驾驶摩托车不戴头盔5起，醉酒处理2起，随车未携带驾驶证1起，劝阻电动车违法载人3起。
  • 2019-03-12 黄侠_美兮妈
    【美兮修能】20190312识字营009期D110（学习力践行记录D499）早上读了《民国老课本》第121课，看了《森林里的小房子》，读了一本牛津树《Thejourey》。图片发自App下午从幼儿园回来的路上背了《望庐山瀑布》《瀑布》。晚饭后上外教课，玩得很开心。图片发自App然后和小伙伴一起做实验，熔岩大爆发、颜色变变变和彩虹糖水。图片发自App然后他们一起玩颜色。又拼了小猪佩奇的拼图。图片发自
  • AI实战(三)：AI写的剧本VS姜文风演技指导，有送彩蛋蓝图 初音不在家 人工智能大数据自然语言处理深度学习
    @[TOC]一、前情回顾大家好，这是我用AI打造“爆款短剧引擎”系列的最后一篇文章。在前两篇文章中，我们已经：通过“逆向工程”的方法，创造了一个名为**“多巴胺生成器”**的AI虚拟人格。分析了它生成的第一份作品——《千亿后妈不好惹》的剧本大纲，见识了其背后冷酷而精准的商业逻辑。今天，我们将迎来最终的交付物。我们来看看，当AI把那些冰冷的逻辑，转化为热气腾腾、有具体人物和对话的剧本时，效果究竟如何
  • React.js前端框架的性能优化的误区与解决方法 前端视界 前端大数据与AI人工智能前端艺匠馆前端框架react.js性能优化ai
    React.js前端框架的性能优化的误区与解决方法关键词：React性能优化、虚拟DOM、渲染优化、组件设计、代码分割、状态管理、性能分析工具摘要：本文深入探讨React.js应用开发中常见的性能优化误区，分析其背后的原理和影响，并提供切实可行的解决方案。文章将从React核心机制入手，剖析虚拟DOM工作原理，揭示不当优化策略可能带来的反效果，并给出基于最佳实践的优化方案。通过实际代码示例、性能对
  • 零投资一天赚1000（先从一天赚100开始） 赏帮赚帮人忙
    在今天这个时代，一天赚1000元不能说有钱，也算是小康水平，那么在网络上有什么不需要投资就能一天赚1000的项目呢?我觉得赚钱还是从小做起，就算零投资一天赚1000，也要从一天赚几十块钱开始做起，当然，一天赚到这么高的收入是很难的，但是移动互联网为我们提供了这么多赚钱的机会。有很多方法可以达到你的目标。感兴趣请下载：零投资手机赚钱app如点击打不开请浏览器输入网址：www.yykk555.com只
  • 绘本讲师训练营【18期】13/21《月亮朋友》 龚佩祯
    02315-龚佩祯月亮是我们每个人都很熟悉的天体，中国也有很多有关月亮的美丽传说，对于中国人来说，月亮是美好而神秘的。在很多的传统故事里，月亮都是重要的角色。那对于孩子来说，月亮代表着什么呢？有什么不一样的意义呢？橘子前几天写过一篇《如果我是月亮》，里面描述了很多月亮的科普知识，那么，月亮又在我们的生活中扮演着什么角色呢？今天我们就来看看另一本关于月亮的书《月亮朋友》。图片发自App故事的主人公是
  • 趣闲赚是不是骗局,到底能不能够赚钱? 好项目高省
    趣闲赚是一款备受关注的赚钱应用，它声称用户可以通过完成任务、看视频、填问卷等方式获得佣金。但是，这个应用真的能让人们赚到钱吗?我们来一起探讨一下。京东密令红包：最爱领红包828红包多多148今天给大家分享我长期在做的副业，也在这里赚到人生第3桶金！高省APP佣金高，资质靠谱，各大应用市场均可搜索使用。【高省】高省app是杭州长孚科技有限公司旗下一款新开发电商导购应用，为用户打造一个集成电商购物优惠
  • 母愛激勵著我成長 千樽羽心
    图片发自App如果母親是一顆遮擋風澤，則我就是依偎在大樹旁的小草；如果母親是一片大海，則我就是那其中一朵浪花；如果母親是一片天空，則我就一只徘徊在空中的鳥兒。母親一路呵護著我，激勵著我不斷成長。我的母親不識字。有時，我便教她，有時，我卻一味地責怪她……每天很早，母親都是第一個起床，這時候睡夢中的我便會迷迷糊糊的聽到母親做飯聲。我撩開窗簾望著外面，天還是灰沉沉的，北風呼嘯我不禁打個哆嗦又鑽進暖轟轟的
  • 我明明是老师，“病毒”把我变成了主播。 顾若_
    我明明是老师，“病毒”把我变成了主播。或许这是资历较深的老师们第一次成为“主播”；或许这是刚刚步入教师职位的年轻教师第一次网上授课；或许都有所不习惯，甚至家长也可能不适应学生在家中学习。早有很多的app都有线上教学，如小猿搜题、作业帮、线上名师讲课E网通等等。这次的疫情，使得全国中小学、高中、乃至大学生都是在网上开展教学工作，还有一些企业也将在网上进行办公~~对于学生网上学习、教师网上办公、授课、
  • 4-Spring源码解析之this()(1)——AnnotatedBeanDefinitionReader 想当厨子的程序媛 Spring注解源码解析spring
    1.程序入口AnnotationConfigApplicationContextapplicationContext=newAnnotationConfigApplicationContext(MainConfig.class);2.AnnotationConfigApplicationContext类有参构造器其中MainConfig类是自己写的配置类，我们从这一行代码来开始分析。Spring容
  • @57号 D9 自省日 Magic_Sheryl
    重大成就：申请成功去到公司总部成功经验：1.找到信任的合作搭档，JC和KX的执行和策划，参演同事们的给力；2.坚持，熬到第五个深夜已经到达极限，但JC依然坚持与我一起，不断鼓励我，以实际行动支持我；3.有梦想，敢于承认和抓住机会，敢于说：对！我渴望去！4.平时的人际积累，大家选你，很大一部分来源于看到每一个日常的你是怎样的，所以珍视每一件小事；5.每临大事必有静气。失败事件：转分拨中心，订单出现潜
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他