虫虫教父
虫虫教父

使用jquery的imagecropper插件做用户头像上传 兼容移动端

使用jquery的imagecropper插件做用户头像上传 兼容移动端_第1张图片

相信大多的用户系统里都有用户自定义头像上传这个功能，我这今天也在写这块，我将代码贴出来，方便以后大家借鉴。

实现方案：使用jquery的imagecropper.js插件中裁剪功能来实现

imagecropper.js这个源码我找了很久才找到http://pan.baidu.com/s/1oDqRO

代码量很少就没有写注释了

css

<style>
body
{
    padding: 0;
    margin: 0;  
    height: 100%;
    background-color: #eee;
    font-size: 12px;
    color: #666;
}

a
{
    text-decoration: none;
    color: #333;
}

a:hover
{
    text-decoration: none;
    color: #f00;
}

#container
{
    position: absolute;
    left: 20px;
    top: 20px;
}

#wrapper
{
    position: absolute;
    left: 0px;
    top: 40px;
}

#cropper
{
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #ccc;
}

#previewContainer
{
    position: absolute;
    left: 350px;
    top: 60px;
}

.preview
{
    border: 1px solid #ccc;
}

#selectBtn
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 119px;
    height: 27px;

}

#saveBtn
{
    position: absolute;
    left: 150px;
    top: 0px;
    width: 67px;
    height: 27px;

}

#rotateLeftBtn
{
    position: absolute;
    left: 0px;
    top: 315px;
    width: 100px;
    height: 22px;
    padding-left: 25px;
    padding-top: 2px;

}

#rotateRightBtn
{
    position: absolute;
    left: 225px;
    top: 315px;
    width: 50px;
    height: 22px;
    padding-right: 25px;
    padding-top: 2px;

}

style>

html

<body onload="init();">
    <div id="container">
        <a id="selectBtn" href="javascript:void(0);" onclick="document.getElementById('input').click();">选择a>
        <a id="saveBtn" href="javascript:void(0);" onclick="saveImage();">保存a>
        <input type="file" id="input" size="10" style="visibility:hidden;" onchange="selectImage(this.files)" />

        <div id="wrapper">
            <canvas id="cropper">canvas>
            <a id="rotateLeftBtn" href="javascript:void(0);" onclick="rotateImage(event);">向左旋转a>
            <a id="rotateRightBtn" href="javascript:void(0);" onclick="rotateImage(event);">向右旋转a>

            <span id="status" style="position:absolute;left:350px;top:10px;width:100px;">span>
            <div id="previewContainer">
                <canvas id="preview180" width="180" height="180" class="preview">canvas>
                <span style="display:block;width:100%;padding-top:5px;text-align:center;">大尺寸图片，180x180像素span>

                <canvas id="preview100" width="100" height="100" style="position:absolute;left:230px;top:0px;" class="preview">canvas>
                <span style="position:absolute;left:230px;top:110px;width:100px;text-align:center;">中尺寸图片 100x100像素span>

                <canvas id="preview50" width="50" height="50" style="position:absolute;left:255px;top:150px;" class="preview">canvas>
                <span style="position:absolute;left:245px;top:210px;width:70px;text-align:center;">小尺寸图片 50x50像素span>
            div>
        div>

    div>
body>

最后是js部分了

var cropper;

function init()
{   
    //绑定
    cropper = new ImageCropper(300, 300, 180, 180);
    cropper.setCanvas("cropper");
    cropper.addPreview("preview180");
    cropper.addPreview("preview100");
    cropper.addPreview("preview50");
    //检测用户浏览器是否支持imagecropper插件
    if(!cropper.isAvaiable())
    {
        alert("Sorry, your browser doesn't support FileReader, please use Firefox3.6+ or Chrome10+ to run it.");
    }
}

//打开本地图片
function selectImage(fileList)
{
    cropper.loadImage(fileList[0]);
}

//旋转图片
function rotateImage(e)
{
    switch(e.target.id)
    {
        case "rotateLeftBtn":
            cropper.rotate(-90);
            break;
        case "rotateRightBtn":
            cropper.rotate(90);
            break;
    }
}

//上传图片
function saveImage()
{
    //选个你需要的大小
    var imgData = cropper.getCroppedImageData(180, 180);
    console.log("上传了："+imgData);
    //在这里写你的上传代码
}

你可能感兴趣的:(Jquery,小东西,用户自定义头像上传,jquery,imagecropp)

  • 8个建议，为啥不使用Python开发大型项目！ 疯狂的超级玛丽 Python基础PythonPython学习python开发语言python3.11学习Python基础Python学习编程
    在开发者的职业生涯中，有一个特定阶段，开发者们会从为项目做贡献到掌握自己的技巧。这个阶段对有些人来说会来得早一些，有些则也会晚一些，而另一部分人则无法到达这个阶段。不过，大多数职业生涯较长的开发人员都经历过这个阶段。我将这称之为自己构建的点。如果你已经到达了那个阶段，你面对的第一个问题是：它是如何运作的？用户体验如何？架构是怎样的？数据如何流动？以及很多类似这样的问题。我在这里就不为你回答这些这些
  • 从单体到微服务：导购返利系统的架构转型与Java技术栈的挑战与机遇 wx_tangjinjinwx java微服务架构
    从单体到微服务：导购返利系统的架构转型与Java技术栈的挑战与机遇大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！导购返利系统在传统的单体架构中，随着用户和业务的增长，逐渐暴露出扩展性和维护性的不足。本文将探讨从单体架构转型到微服务架构过程中遇到的挑战与机遇，并结合Java技术栈的应用进行详细说明。一、单体架构的瓶颈单体架构将所有功能模块打包在一个进程中
  • 基于Kamailio的VoIP管理系统方案（技术栈：MySQL + Redis + Gin + Vue.js 狂爱代码的码农 VOIP那些事kamaimio
    基于Kamailio的VoIP管理系统方案（技术栈：MySQL+Redis+Gin+Vue.js）1.系统架构核心组件：Kamailio：处理SIP信令、路由、负载均衡、安全过滤。MySQL：存储用户数据、CDR（呼叫记录）、费率规则、系统配置。Redis：缓存用户会话、黑白名单、实时计费锁、高频操作临时数据。Gin（Go语言后端）：提供RESTfulAPI，处理业务逻辑和数据库交互。Vue.js
  • 关于 RAG 模式的用户建议-（致Openai邮件内容节选） tsistbasit 人工智能
    问题现状与不足在使用RAG模式（“GPTs”应用或“项目”功能）处理相对复杂的任务（例如项目管理、长篇内容创作或复杂问题求解）时，我发现当前的检索方式过于依赖多路召回和全文总结。这样的检索方式在面临大型知识库时往往会忽略逻辑结构和整体脉络，使模型倾向于一次性返回大量零散的细节信息，却缺乏对全局架构的理解。这种状况导致用户难以快速抓取关键要点，也很难将结果高效应用于实际场景中。我的建议细节梳理逻辑结
  • kamailio mysql数据表之subscriber用户表 若尘拂风 kamailiomysql数据库sipudpSIP
    1:表结构CREATETABLE`subscriber`(`id`int(10)unsignedNOTNULLAUTO_INCREMENT,`username`varchar(64)NOTNULLDEFAULT'',`domain`varchar(64)NOTNULLDEFAULT'',`password`varchar(64)NOTNULLDEFAULT'',`ha1`varchar(128)N
  • ttkbootstrap界面美化系列之简介(一) ftzchina Pythonttkbootstrap界面美化python
    一：前言相信很多同学用Python进行界面设计第一个用到的就是Tkinter，Tkinter是Python的一个标准接口，用于创建GUI（图形用户界面）应用程序。它是Tcl/Tk的封装，Tkinter的名称来源于Tk技术工具包(ToolKit)的首字母缩写。Tkinter的历史可以追溯到1989年，当时为了让程序员能更容易地创建图形用户界面，开发了Tk工具包。Tkinter是Python语言的一部
  • I²C时序模拟 （SN8P2711） 手搓芯片 单片机c语言算法
    在没有硬件I2C的情况下，通过GPIO模拟I2C的时序。考虑到SN8P2711的架构，可能需要用C语言或者汇编来写，但通常C更常见。用户可能已经了解I2C的基本原理，但需要具体如何在SN8P2711上实现。需要确定I2C的模式，是主机模式还是从机模式？通常模拟的话，主机模式更常见，因为从机需要处理中断和时序更严格。用户可能作为主机控制其他I2C设备，比如EEPROM、传感器等。接着，要回顾I2C的
  • SQL进阶实战技巧：如何构建用户行为转移概率矩阵，深入洞察会话内活动流转？ 莫叫石榴姐 数字化建设通关指南#SQL进阶实战技巧sql数据库数据分析大数据hive
    目录1场景描述1.1用户行为转移概率矩阵概念1.2用户行为转移概率矩阵构建方法（1）数据收集
  • 浏览器自定义脚本管理插件系列介绍（一）：暴力猴(ViolentMonkey) AI时代的程序员 公众号chromejavascript
    Violentmonkey（暴力猴）是一款浏览器扩展，用于管理用户脚本。用户脚本是一种由用户编写的小型程序，可以修改网页的外观和行为。Violentmonkey允许用户轻松地安装、管理和运行这些用户脚本。该扩展支持多种主流浏览器，包括Chrome、Firefox、Edge等，使其适用范围广泛。用户可以根据自己的需求编写自定义脚本，例如自动填写表单、屏蔽广告、增强网页功能等。这使得Violentmo
  • NocoBase 本周更新汇总：改进文件存储扩展 NocoBase 版本更新版本更新开源无代码低代码零代码
    汇总一周产品更新日志，最新发布可以前往我们的博客查看。NocoBase目前更新包括的版本更新包括三个分支：main，next和develop。main：截止目前最稳定的版本，推荐安装此版本。next：包含即将发布的新功能，经过初步测试的版本，可能存在部分已知或未知问题。主要面向测试用户,用于收集反馈和进一步优化功能。适合愿意提前体验新功能并提供反馈的测试用户。develop：开发中的版本，包含最新
  • 使用numpy自定义数据集，使用scikit-learn中SVM的包实现SVM分类 辞落山 numpyscikit-learn支持向量机
    概述：支持向量机（SVM）是一种强大的分类算法，适用于线性和非线性分类问题。本博客将展示如何使用numpy自定义一个数据集，并利用scikit-learn中的SVM实现分类。1.导入必要的库importnumpyasnpfromsklearn.svmimportSVCfromsklearn.model_selectionimporttrain_test_splitfromsklearn.metri
  • 使用 Numpy 自定义数据集，使用pytorch框架实现逻辑回归并保存模型，然后保存模型后再加载模型进行预测，对预测结果计算精确度和召回率及F1分数 辞落山 pytorch逻辑回归人工智能
    1.导入必要的库首先，导入我们需要的库：Numpy、Pytorch和相关工具包。importnumpyasnpimporttorchimporttorch.nnasnnimporttorch.optimasoptimfromsklearn.metricsimportaccuracy_score,recall_score,f1_score2.自定义数据集使用Numpy创建一个简单的线性可分数据集，并
  • 基于SSM的在线作业管理系统 -octopus-master（源码+调试） 程序猿麦小七 毕业设计Java后台JavaWeb服务器linux数据库在线作业
    项目描述临近学期结束，还是毕业设计，你还在做java程序网络编程，期末作业，老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。你想解决的问题，今天给大家介绍一篇基于SSM的在线作业管理系统设计与实现。功能需求本在线作业管理系统通过分析和确定系统的角色和功能划分，按照业务合理区分为不同的菜单功能模块。从用户角度出发，对每个功能的需求实现点进行人性化
  • 【机器学习】自定义数据集，使用scikit-learn 中K均值包 进行聚类 加德霍克 机器学习scikit-learn均值算法python作业
    一、K均值算法简介K均值算法的目标是将数据集划分为K个簇，使得每个数据点属于离它最近的簇中心（centroid）所代表的簇。K均值聚类算法步骤①初始化：随机选择原始数据的K个数据点作为初始质心（聚类中心）。②分配：将每个数据点划分到距离最近的质心所对应的簇中，即计算每个数据点到每个质心的距离，选择距离最近的质心作为该数据点所属的簇。③更新：重新计算每个簇的质心，即将该簇中所有数据点的坐标取平均值，
  • xmind使用教程 神秘剑客_CN xmindxmind
    xmind使用教程前言xmind版本信息“xmind使用教程”的xmind思维导图前言首先xmind是什么？XMind是一款思维导图和头脑风暴工具，用于帮助用户组织和可视化思维、创意和信息。它允许用户通过图形化的方式来创建、整理和分享思维导图，可以用于项目管理、学习笔记、计划制定等。XMind提供了多种不同的模板和布局，帮助用户清晰地展示复杂的想法和关系。之前一直对这种类似的思维导图的软件不太感兴
  • 鸿蒙NEXT实践（二）：公共事件通信实践-智能节电案例 纯爱掌门人 harmonyos华为鸿蒙前端typescript
    在鸿蒙操作系统中，公共事件通信是一种强大的进程间通信（IPC）机制，允许应用动态订阅和发布事件。本文将以一个智能节电应用为例，展示如何使用公共事件通信机制来实现应用间的动态交互。公共事件分类公共事件从系统角度可分为：系统公共事件和自定义公共事件。系统公共事件：CES内部定义的公共事件，当前仅支持系统应用和系统服务发布，例如HAP安装、更新、卸载等公共事件。目前支持的系统公共事件请参见系统公共事件列
  • 如何通过 CSS 实现响应式布局？ 破碎的天堂鸟 学习教程css前端
    通过CSS实现响应式布局是现代网页设计中的一项重要技术，它能够使网页在不同设备和屏幕尺寸下保持良好的用户体验。以下是关于如何通过CSS实现响应式布局的详细说明：1.使用媒体查询（MediaQueries）媒体查询是实现响应式布局的核心技术，它允许根据设备的特性（如屏幕宽度、高度、方向等）动态调整CSS样式。例如：@mediascreenand(max-width:768px){.example{f
  • 1.在CentOS中搭建SVN服务器 kande0707 2.SVNsvn服务器centos
    登录root用户，创建appuser用户，用户安装SVN。一般而言，root用户权限过高，不适宜安装SVN。是故，创建appuser用户，以便于安装SVN。以下是创建该用户的过程。执行命令：useradd-d/home/appuser-mappuserusermod-s/bin/bashappuserpasswdappuservi/etc/sudoers#在文件的最后添加appuserALL=(A
  • 《扫雷》游戏获胜算法分析 三雷科技 QT小王子扫雷qtc++算法游戏程序
    目录错误算法正确算法扫雷游戏中是否能够获胜，其实获胜的算法很容易计算。计算思路如下。获胜的条件其实就是将所有的雷排除干净，并且将非雷的区域全部点击完毕。判断方格属性，如果方格的属性全部是雷，那么就可以认为获胜的话，这样会有漏洞，用户可以通过尝试的方法，在雷区不断的标注小旗，这样就可以获胜了。错误算法如下，统计用户确定（isOk）的方格为雷的数量。这样判断会有一个问题那就是用户盲标记，其实并没有进行
  • Python在测试中的用途_pathon在软件测试中的应用 2401_86437188 python开发语言
    Python+Selenium实现web端的UI自动化：Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7,8,9,10,11），MozillaFirefox，Safari，GoogleChrome，Opera等。这个工具的主要功能包括：测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览
  • 用FormLinker实现自动调整数据格式，批量导入微软表单 流形填表 microsoftflaskpython
    每天早上打开Excel时，你是否也经历过这样的噩梦？熬夜调整好的问卷格式，导入微软表单后全乱套客户发来的PDF反馈表，手动录入3小时才完成10%200道题库要转为在线测试，复制粘贴到手指抽筋微软官方数据显示，**68%的用户放弃使用表单工具，只因格式转换太麻烦**。现在，FormLinker用最简单的方式解决这个问题——像发邮件一样轻松完成数据导入。一、为什么传统方法让人崩溃？假设你要把100道W
  • 科技快讯 | OpenAI首次向免费用户开放推理模型；特朗普与黄仁勋会面；雷军回应“10后小学生深情表白小米SU7” 最新科技快讯 科技
    不用开口：谷歌AI帮你致电商家，价格、预约一键搞定谷歌在1月30日推出SearchLabs中的“AskforMe”实验性功能，用户可利用AI代替自己致电商家咨询价格和服务。该功能已与美汽车修理厂和美甲沙龙店合作，用户需加入SearchLabs并搜索相关短语进行测试。功能使用部分预订餐厅技术，目前处于测试阶段。我国光子毫米波雷达技术取得突破性进展，为6G技术应用奠定基础1月27日，据新华社报道，南开
  • Selenium安装及配置和Python/Java案例 fuqying pythonseleniumjava
    什么是Selenium？Selenium起源2004年，是一个开源、免费、简单、灵活，对Web浏览器支持良好的自动化测试工具，在UI自动化、爬虫等场景下是十分实用的。Selenium的用途*Selenium*有很多功能，但其核心是Web浏览器自动化的一个工具集，它使用最好的技术来远程控制浏览器实例，并模拟用户与浏览器的交互。它允许用户模拟终端用户执行的常见活动；将文本输入到字段中，选择下拉值和复选
  • 毫秒级响应的VoIP中的系统组合推荐 狂爱代码的码农 VOIP那些事kamaimio
    在高并发、低延迟、毫秒级响应的VoIP场景中，选择合适的操作系统组合至关重要。以下是针对Ubuntu+linux-lowlatency、CentOSStream+kernel-rt和Debian+自定义PREEMPT_RT的详细对比及推荐：1.系统组合对比特性Ubuntu+linux-lowlatencyCentOSStream+kernel-rtDebian+自定义PREEMPT_RT易用性高（
  • flyway和liquibase的使用样例 weixin_30251829 数据库javagit
    在代码上我们有svn和git等诸多的版本控制方法。但是在数据库上却没有相应的工具。一度导致多环境见的数据库同步难以维持。flyway和liquibase都是常见的数据库版本控制工具。flyway社区版的功能相对完全免费的liquibase来说简直毫无可比性。因此免费用户的话强烈liquibase。样例代码已上传至Github：https://github.com/hackyoMa/changedb
  • React Compiler核心原理：新一代响应式引擎如何实现毫秒级热更新 威哥说编程 react.jsjavascript前端
    React在前端开发中已经成为构建用户界面的标准库，它的声明式编程模型和组件化设计为开发者提供了极大的灵活性和便利性。然而，随着React应用变得越来越复杂，性能成为了一个不可忽视的问题。特别是在大型应用中，如何实现快速的组件更新和响应式渲染，成为了提高开发体验和用户体验的关键。在过去几年中，React团队致力于改进React的更新机制，以解决性能瓶颈和提升开发体验。ReactCompiler（或
  • QMK Toolbox 常见问题解决方案 窦晟唯Keene
    QMKToolbox常见问题解决方案qmk_toolboxAToolboxcompanionforQMKFirmware项目地址:https://gitcode.com/gh_mirrors/qm/qmk_toolbox项目基础介绍QMKToolbox是一个为QMKFirmware设计的工具箱应用程序，它集成了多种刷写工具，支持自动检测和刷写键盘固件。该项目主要用于帮助用户在Windows和mac
  • Redis GUI：一款现代化的Redis数据库图形界面管理工具 丁凡红
    RedisGUI：一款现代化的Redis数据库图形界面管理工具redis-guiModerngraphicaluserinterfacetopeekintoredisdatabase项目地址:https://gitcode.com/gh_mirrors/re/redis-guiRedisGUI是一个开源项目，它提供了一个现代化的图形用户界面来管理和查看Redis数据库。该项目主要使用Vue.js和
  • 数据字典是什么 Code.exe 数据库
    理论阐述数据字典是指对数据的数据项、数据结构、数据流、数据存储、处理逻辑等进行定义和描述，其目的是对数据流图中的各个元素作出详细的说明。数据字典是描述数据的信息集合，是对系统中使用的所有数据元素的定义的集合。数据字典（Datadictionary）是一种用户可以访问的记录数据库和应用程序元数据的目录。数据字典的内容非常丰富，包括数据库中所有模式对象的信息，如视图、簇、及索引等；还涉及空间分配和当前
  • Mac电脑上好用的压缩软件 kcarly 杂谈MacOSmacos压缩软件开源工具
    在Mac电脑上，有许多优秀的压缩软件可供选择，这些软件不仅支持多种压缩格式，还提供了便捷的操作体验和强大的功能。以下是几款被广泛推荐的压缩软件：BetterZip功能特点：BetterZip是一款功能强大的压缩和解压缩工具，支持几乎所有的常见压缩格式，包括ZIP、RAR、7-Zip、TAR、GZip等。它支持文件预览、加密压缩、分卷压缩等功能，并且与Windows和macOS系统兼容性良好。用户体
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他