Keaker2013
Keaker2013

一种图片预览裁剪上传方法

前些时间想做一个兼容性比较好的图片上传功能，参考了很多网上的代码，首先否定了使用swf的方案，因为在手机端无法实现。因为要预览裁剪，也有很多采用先把原图上传服务器，再预览裁剪的方案，这样用户体验很不好，用户可能要等待很久。经过摸索，我写了一段代码实现了功能，先预览，再裁剪，最后上传，求指导。用到了图片裁剪插件Jcrop，HTML5文件对象。各位大神如果有更好的方案，可以兼容手机浏览器，请不吝赐教。

<!DOCTYPE html>
<html>
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>图片上传</title>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" name="viewport" >
	<link  rel="stylesheet" type="text/css" href="__CSS__/jquery.Jcrop.min.css" />
	<link  rel="stylesheet" type="text/css" href="__CSS__/upload.css" />
	<script type="text/javascript" src="__JS__/jquery.js"></script>
	<script type="text/javascript" src="__JS__/jquery.Jcrop.min.js"></script>
	<script type="text/javascript" src="__JS__/layer/layer.js"></script>
    </head>

    <body>
    <input type="hidden" id='img_src'/>
    <div class="main">
    <form id="pic_form" class="update-pic cf" enctype="multipart/form-data" method="post" action="">
	<div class="upload-area">
	    <input type="file" id="user-pic" name="user-pic" />
	    <div class="file-tips">支持JPG,PNG,JPEG,图片小于1MB，尺寸不小于100*100！</div>
	    <div class="preview hidden" id="preview-hidden"></div>
	</div>
	<div class="preview-area">
	    <input type="hidden" id="x" name="x" />
	    <input type="hidden" id="y" name="y" />
	    <input type="hidden" id="w" name="w" />
	    <input type="hidden" id="h" name="h" />
	    <input type="button" class="uppic-btn save-pic" value="保存" />
	</div>
    </form>
		</div>

<script type="text/javascript">
    $(document).ready(function() {
	//选择图片
	$("#user-pic").change(function () {
	    //获取文件对象
    	    var	oFile = this.files[0];
	    var fileName = oFile.name;
	    var fileType = oFile.type;

	    // Android设备下读不到type信息，从文件名中解析
	    if(!fileType){
		fileType = "image/" + fileName.split(".").pop().toLowerCase();
	    }

	    //检查文件格式
	    var rFilter = /^(image\/jpeg|image\/png|image\/jpg)$/;
	    if (!rFilter.test(fileType)) {
		alert('请选择jpg、jpeg或png格式的图片');
		return;
	    }

	    //检查文件大小
	    if(oFile.size > 1024*1024){      
		alert('请选择小于1M的图片');
		return;
	    }
	    var preview = $('.upload-area').children('#preview-hidden');
	    preview.show().removeClass('hidden');

	    var img = $('<img id="cropbox" />');
	    preview.append(img);
	    var oImage = document.getElementById('cropbox');

	    var oReader = new FileReader();
	    oReader.readAsDataURL(oFile);

	    oReader.onload = function(e){
	    oImage.src = e.target.result;
	    //根据图片大小在画布里居中
	    oImage.onload = function(){
		var img_height = 0;
		var img_width = 0;
		var real_height = oImage.height;
		var real_width = oImage.width;
		if(real_height >= real_width && real_height > 300){
		    var persent = real_height / 300;
		    real_height = 300;
		    real_width = real_width / persent;
		}else if(real_width > real_height && real_width > 300){
		    var persent = real_width / 300;
		    real_width = 300;
		    real_height = real_height / persent;
		}
		if(real_height < 300){
		    img_height = (300 - real_height)/2;	
		}
		if(real_width < 300){
		    img_width = (300 - real_width)/2;
		}

		    var pic_w = (300-img_width)+'px';
		    var pic_h = (300-img_height)+'px';
		    var p_t = img_height+'px';
		    var p_l = img_width+'px'; 
		preview.children('img').css({width:pic_w,height:pic_h});
		preview.css({paddingTop:p_t,paddingLeft:p_l});
	    }
	}

		$('#cropbox').Jcrop({
			bgColor:'#333',   //选区背景色
			bgFade:true,      //选区背景渐显
			fadeTime:1000,    //背景渐显时间
			allowSelect:false, //是否可以选区，
			allowResize:true, //是否可以调整选区大小
			aspectRatio: 1,     //约束比例
			minSize : [100,100],//可选最小大小
			boxWidth : 300,		//画布宽度
			boxHeight : 300,	//画布高度
			setSelect:[ 100, 100, 200, 200],//初始化时位置
			onSelect: function (c){	//选择时动态赋值，该值是最终传给程序的参数！
				$('#x').val(c.x);//需裁剪的左上角X轴坐标
				$('#y').val(c.y);//需裁剪的左上角Y轴坐标
				$('#w').val(c.w);//需裁剪的宽度
				$('#h').val(c.h);//需裁剪的高度
		    }
		});
	});					

	$('.save-pic').click(function(){
		if($('#preview-hidden').html() == ''){
			alert('请先上传图片！');
		}else{
			var formData = new FormData($("#pic_form")[0]);
			$.ajax({
				url : '__URL__/uploadImg',//文件提交后台
				type : 'post',
				data : formData,
				contentType : false,//必须false才会自动加上正确的Content-Type  
				processData : false,//必须false才会避开jQ对formdata的默认处理,XMLHttpRequest会进行正确的处理 
				success:function(ret){
					if (ret.status==1){
						//给隐藏字段赋值
						$("#img_src").val(ret.data);
						
						//其它操作

					}else{
						alert('error');
					}
				}

			});  
		}
	});
});

</script>

</body>
</html>


你可能感兴趣的:(jcrop,图片上传,图片裁剪)

  • Python 实现图片裁剪（附代码） | Python工具 剑客阿良_ALiang
    前言本文提供将图片按照自定义尺寸进行裁剪的工具方法，一如既往的实用主义。环境依赖ffmpeg环境安装，可以参考我的另一篇文章：windowsffmpeg安装部署_阿良的博客-CSDN博客本文主要使用到的不是ffmpeg，而是ffprobe也在上面这篇文章中的zip包中。ffmpy安装：pipinstallffmpy-ihttps://pypi.douban.com/simple代码不废话了，上代码
  • 加载资源时报错-ERR_CONNECTION_RESET，需要多次请求才能拿到资源的有效解决方案 Mebius1916 前端开发前端javascriptreact.js前端框架typescriptvue.js
    初次加载资源时无法正常加载，需要多次刷新、请求才能拿到资源的有效解决方案前言在使用cloudinary进行图片上传并获取图片链接作为用户头像时发现，图片链接网址初次加载会报错：ERR_CONNECTION_RESET必须刷新几次才能获取到，原因可能是cloudinary没有国内的节点，而我用的是在新加坡的节点，所以会导致初次加载的时候被重定向。而这个错误会直接导致用户头像无法加载，因为在img中此
  • 写一个图片裁剪的js，JavaScript图片裁剪插件PlusCropper 微特尔普拉斯 javascriptnodevuejavascript开发语言ecmascript
    在前端开发中，图片裁剪是一个常见的需求。本文将深入解析一个功能完善的JavaScript图片裁剪插件——PlusCropper，带你一步步了解其实现原理和使用方法。一、插件概述PlusCropper是一个轻量级的JavaScript插件，它允许用户在网页上交互式地裁剪图片。它提供了以下功能：可拖拽和缩放的裁剪框:用户可以通过鼠标或触摸操作来调整裁剪区域的大小和位置。图片旋转:支持图片的顺时针和逆时
  • C# WinForm实现WebService接口进行图片上传下载 诡道荒行
    本文还有配套的精品资源，点击获取简介：本文深入介绍了在C#WinForm应用程序中使用WebService接口连接服务器，实现图片的上传和下载功能。通过理解WebService基础，利用WinForm工具创建用户界面，并实现客户端与WebService的连接，我们详细探讨了图片上传与下载的具体步骤，包括文件选择、数据转换、接口调用，以及异常处理和进度显示。同时，还强调了安全性与性能优化的重要性，确
  • .NetCore+vue3上传图片 Multipart body length limit 16384 exceeded. 鱼是一只鱼啊 Vue后端.netcore图片上传vue3el-upload
    实现目标。点击图片上传头像效果图前端部分图片上传关键代码更换头像上传js部分import{ref,reactive,onMounted}from"vue";import{uploadAvatar}from"../../api/auth";import{ElMessage}from"element-plus";exportdefault{setup(){constfit=ref("cover");c
  • Markdown基本语法总结 肉啊肉啊肉
    Markdown基本语法总结列表内容一内容二在“-”后输入空格，然后加入需要的标题内容如何引用真理惟一可靠的标准就是永远自相符合。——欧文在引用的内容前加上（>）符号如何修改字体加粗是这样滴，前后各两个星号（x）之间加入内容倾斜是这样滴，前后各一个星号（x）之间加入内容如何插入图片[图片上传失败...(image-53464-1521445017290)]![](加入所需要的图片链接）如何加入链接
  • Vue3+elementplus实现图片上传下载（最强实践） J不A秃V头A 前端vue.js前端javascript
    图片上传子组件：实现照片的上传，预览，以及转成以逗号隔开的图片地址，即时监听，并发送消息到父组件。Loading...import{computed,ref,watch}from'vue';import{upload}from'@/api/file'import{ElMessage}from'element-plus'importemitterfrom'@/utils/emitter'//上传文件
  • 小程序get,post,图片上传 封装 重案组之虎曹达华
    /***commonnetworkmethonds**/constapp=getApp();consthost=app.config.host;consthost_img='https://upload-z2.qiniup.com';//getconstget=(url,params,succ,fail)=>{//letaccess_token=app.globalData.accesstoken
  • cordova file 插件选择本地图片遇到中文乱码问题 Gemkey
    项目中使用图片上传功能,一直以来都是使用cordova的file插件,之前也没有遇到什么问题,但是今天在测试过程中,测试人员反馈,所有拍照上传图片OK,但是截图就报错。于是在我自己的手机上测试后，发现并没有该问题，所以第一反应是不是手机差异，询问后发现测试用的是vivoX9(心中一万匹草泥马奔腾，又是vivo的。。。遇到N个问题都是OV的手机)，借来后连上电脑，debug后发现，在文件上传时报错F
  • 那些只有程序员才能看懂的冷笑话，用餐时间请勿点开 一个敲代码的前端妹子
    [图片上传失败...(image-f379aa-1526459294222)]0客户被绑，蒙眼，惊问：“想干什么？”对方不语，鞭笞之，客户求饶：“别打，要钱？”又一鞭，“十万够不？”又一鞭，“一百万？”又一鞭。客户崩溃：“你们TMD到底要啥？”▼“要什么？我帮你做项目，写代码的时候也很想知道你TMD到底想要啥！”[图片上传失败...(image-cd1d53-1526459294222)]01记者
  • uniapp图片上传，加web core api接收并保存 浮生若森 uni-appjavascriptc#vue.js
    Uni-App图片上传加后台webcoreApi前台代码后台WebCoreApi代码Startup.cs中代码啥也不说了直接上代码！！！前台代码//Anhighlightedblockuni.chooseImage({count:1,success:(res)=>{uni.uploadFile({url:'http://localhost:24517/api/Upload/UpImgs',file
  • vue中实现图片裁剪 浮游本尊 vue.js前端javascript
    在现代Web应用中，图片处理是一个常见的需求。本文将介绍如何使用Vue.js结合Cropper.js实现一个简单的图片裁剪功能。以下是实现该功能的完整代码。代码实现预览上传图片取消确定代码解析：定义了一个容器，并根据type属性动态添加wd260类。：包含图片裁剪和预览的主要布局。：裁剪图片显示区域。：绑定了一个图片标签，用于显示裁剪的图片。：图片预览区域。：包含预览标题和预览图片。上传图片：上传
  • 为什么Java仍旧生机盎然——对“为什么Java正在消亡”的回应 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    [图片上传失败...(image-599293-1649288200226)]0.阅读完本文你将会了解Java作为热门语言之一所面临的争议了解Java的生态环境和未来1.前言原文标题：WhyJavaIsPerfectlyAlive——Aresponseto"WhyJavaIsDying"原文地址：https://betterprogramming.pub/why-java-is-perfectly
  • HarmonyOS JS实现图片上传后端并调用 Brave！ harmonyos华为
    前言鸿蒙中能实现图片上传的方法有很多，调用Java端实现的效果更好。本次是使用纯JS将图片转成base64编码并存储后端，之后转成图片保存调用路径下。正文1.创建鸿蒙JS端空项目2.添加权限"reqPermissions":[{"name":"ohos.permission.DISTRIBUTED_DATASYNC"},{"name":"ohos.permission.GET_NETWORK_IN
  • Go后台管理框架 半城 风雨 GoFrameLayuiGoGoFrame
    项目介绍一款Go语言基于GoFrame、Layui、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架。项目特点模块化、松耦合模块丰富、开箱即
  • vue3 - element-plus 实现图片上传到服务器及预览、删除功能，支持显示进度条、上传失败错误占位的超好用的图像上传组件（详细运行示例及完整组件源码，一键复制开箱即用） 街尾杂货店& 前端组件与功能(开箱即用)vue3图片上传组件elementplus上传组件vue3饿了么上传组件使用vue3实现图像上传并预览vue3图片上传进度条详细教程
    效果图本博客实现了vue3项目中，借助elementplus上传组件，实现二次封装上传组件，支持放大预览、删除、上传进度条、图片回显、上传服务器完整示例源码及详细步骤流程。代码整洁注释详细，直接复制组件源码，稍微改改就行了。准备阶段element-plus提供
  • android 竖版图片逆时针90度展示问题 lantern王
    前提：在做图片上传和展示的时候发现一个问题，竖版拍摄的图片上传到server然后再通过url展示的时候发现图片逆时针90展示了，但是横版的照片是没有问题的。目前遇到的是这个问题，遇到问题的一瞬间想到的是上传照片前拿到图片的宽高然后通过宽高比判断是横版还是竖版，但是实际操作发现无效，然后想到的是可不可以通过获得图片的旋转角度.、、、/***竖版照片顺时针旋转90度**/publicstaticBit
  • PowerBI 中正确计算MTD的去年同期 PowerBI战友联盟
    本文来自伙伴从实际案例的问题。在PowerBI中，时间智能计算是一个老生常谈的问题，但在实际中可能会出现各种变种，这就要求我们灵活处理。先来看问题是怎样的：[图片上传失败...(image-6b879-1571722027209)]同样是MTD的去年同期，会出现上下两种情况。请仔细观察后发现，我们需要的是上面这种。原因如下：2019年（当前年）的未来月份还没到来，不应该进行计算对比。2019年10
  • ASP.NET使用FileUpLoad控件实现图片上传并显示 pcdd .NETasp.net
    后端代码：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.IO;namespaceex{publicpartialclassWebForm1:System.Web.UI.
  • 【Redis 系列】redis 学习十三，Redis 常问简单面试题 阿兵云原生
    咱们一起来看看redis常问常用的面试题Redis是个啥？http://www.redis.cn/redis中文网给了很明确且清晰的定义[图片上传失败...(image-ff92fa-1650460734395)]Redis是一个开源（BSD许可）的，内存中的数据结构存储系统Redis可以用作数据库、缓存和消息中间件支持的数据结构有8种字符串（strings），散列（hashes），列表（list
  • Mac如何共享文件夹 HaruHappy
    在创建共享文件夹之前，我们需要先创建一个用于访问共享文件夹的普通用户。首先点击桌面左上角的黑色苹果图标，然后选择系统偏好设置选项。[图片上传失败...(image-e6c5c4-1554261982777)]2在系统偏好设置的右下角可以看到有个用户和群组，双击这个图标，打开用户和群组设置。[图片上传失败...(image-b0b1d-1554261982777)]3在用户和群组设置里，我们看到默认
  • uniapp - H5和微信小程序上传 base64 图片 Rattenking uniappuni-app微信小程序notepad++
    1.前言在做订单评论的时候，需要图片上传，开始使用的FormData上传，但是后端一直获取不到上传的file，由于之前是使用taro开发的H5和微信小程序，所以对uniapp开发不是很熟悉，使用了创建input标签，然后设置属性，来获取图片，最后提交上传。结果发现还是提交不成功，最后发现在taro那边使用的将图片转换为base64，然后再提交上传，就按照这个思路实现。2.H5将选择图片转base6
  • Mongodb 使用 liuchungui
    安装我这是Mac系统，直接选择brew安装就行了brewinstallmongodb[图片上传中...(image-20190601111727872.png-b280ab-1559898653894-0)]然后运行mongod不过，上面运行是在前台，当关闭终端后就会停止。可以通过设置配置文件，使其保持在后台运行。mongod--dbpath=/data/db--logpath=/usr/loca
  • uniapp上传图片跨域报错解决方案 Champagne_7 uni-appphpjavascriptvue
    项目场景：用uniapp做图片上传的时候出现了跨域问题前端：uniapp后端：thinkphp问题描述AccesstoXMLHttpRequestat'xxxx'fromorigin'http://localhost:8080'hasbeenblockedbyCORSpolicy:Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:Red
  • Django Web开发Django框架实战教程 沙拉.伊万卡 djangopython后端
    项目介绍一款Python语言基于Django、Layui、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架。项目特点模块化、松耦合模块丰富、
  • 不用form表单ajax上传图片（单个图片上传实例）及回显 焱墩 前端
    一、html代码段（这里无css样式）上传文件上传二、js（jquery）代码段$(function(){functionhideup(){$("#hidupload").click();},functionupchange(){$("#hidimg").prop("src",URL.createObjectURL($("#hidupload")[0].files[0]));}functionup
  • 【编程入门】应用市场（Java版） 蓝不蓝编程
    背景前面已输出多个系列：《十余种编程语言做个计算器》《十余种编程语言写2048小游戏》《17种编程语言+10种排序算法》《十余种编程语言写博客系统》《十余种编程语言写云笔记》《N种编程语言做个记事本》目标为编程初学者打造入门学习项目，使用各种主流编程语言来实现。[图片上传失败...(image-af9b3a-1677333595958)]左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、
  • uniapp之生成Android签名证书并云打包发布 小李不小
    uniapp之生成Android签名证书并云打包发布[图片上传失败...(image-3ec404-1677312555271)]泪滴在琴上关注IP属地:陕西
  • SQL server创建数据库 Dust_SongYunfei
    一.图形化界面创建数据库1.启动SQLServerManagementStudio，并连接到SQLServer2012中的数据库，在“对象资源管理器”中展开“数据库”节点。2.鼠标右键单击选择"新建数据库"在这里插入图片描述3.数据库的默认所有者为“sa”,选择数据文件和日志文件的路径,点击确定后在这里插入图片描述在这里插入图片描述[图片上传失败...(image-91b35f-158166658
  • thinkphp6配置阿里云上传图片 bug别找我 #php阿里云php服务器
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、安装二、配置阿里云三、接口实现前言提示：这里可以添加本文要记录的大概内容：在thinkphp6中编写上传图片接口并将图片上传到阿里云提示：以下是本篇文章正文内容，下面案例可供参考一、安装在终端打开项目根目录，使用composer进行安装composerrequirealiyuncs/oss-sdk-php二、配置阿里云
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他