AkagiSenpai
AkagiSenpai

Ajax实现简单图片文件异步上传并显示

在一般的html中，使用form表单标签，里面嵌套标签的文件的对象

  • 将文件对象添加（append方法）进表单（使用key, value形式，key一定要是file）
  • 通过XMLHttpRequest对象的send方法异步地提交含有文件的表单对象

    • php保存文件页面

    1. 获取文件对象

    需要使用全局变量 $_FILES["file"] 来获取接收到的文件对象，记得key一定是file

    值得注意的是这个对象也是一个关联式容器，它提供了几个key，分别是"name" "type" "size" "tmp_name" "error"，意义如字面意思

    比如想获取接受到的文件名字，可以： $_FILES["file"]["name"] 来获取

    2. 保存文件对象

    使用move_uploaded_file函数可以保存php接受的临时文件，如果不保存，那么文件将在这个php脚本运行结束时被删除
    这个函数第一个参数是临时文件名，可以通过$_FILES["file"]["tmp_name"]来获取，第二个参数是文件保存的路径

    案例：异步上传图片文件

    上传页面代码

    <!DOCTYPE html>
<meta charset="utf-8">
<!-- http://localhost:8081/imgStation -->
<html>
<head>
	<title>图片站</title>
</head>
<body>
	<input type="file" id="userfile"><br>
	<button id="ulbtn">点我上传</button>
	<div id="div1"></div>
	<script type="text/javascript">
		// 编写按钮回调函数，传送文件
		function uploadFile() {
			// 获取文件对象
			var userfile = document.getElementById("userfile").files[0];	
			if(userfile == null) {
				alert("请选择图片文件");	// 空提交判断
				return;
			}
			var form = new FormData();		// 创建表单以提交文件
			form.append("file", userfile);	// 向表单添加文件对象 注意key一定要是file
			var xhr = new XMLHttpRequest();	
			// 当后台的fileRecv.php处理完成时，回调显示信息并输出上传的图片
			xhr.onreadystatechange = function() {
				var div1 = document.getElementById("div1");
				if(xhr.readyState==4 && xhr.status==200) {
					div1.innerHTML += xhr.responseText + "
    "    ;
				}
			}
			xhr.open("POST", "fileRecv.php");	// 上传到fileRecv.php做处理
			xhr.send(form);						// 提交表单对象
		}
		document.getElementById("ulbtn").onclick = uploadFile;
	</script>
</body>
</html>

    保存页面代码

    这个php页面接受来自上传页面的带有文件的表单的提交，进而通过全局变量 $_FILES["file"]来获取并且保存文件对象到服务器磁盘，同时返回（输出）html语句到上传页面的div标签的innerHTML元素中，使得上传页面能够在不刷新或者跳转的情况下，显示用户上传的图片

    
move_uploaded_file($_FILES["file"]["tmp_name"], "imgs/" . $_FILES["file"]["name"]);
echo "上传成功，文件大小为：" . $_FILES["file"]["size"] . " 字节
    "    ;
echo " . $_FILES["file"]["name"] . " width=30%>
    "    ; 
?>

    你可能感兴趣的:(前后端)

    • Long类型前后端数据不一致 igotyback 前端
      响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
    • 计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php课程设计vue.js
      该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
    • 2019-05-29 vue-router的两种模式的区别 Kason晨
      1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash
    • 计算机毕设Node.js+Vue校园易购二手交易平台（程序+LW+部署） Node程序源码强子 vue.js课程设计node.js
      项目运行环境配置：Node.js最新版+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue。项目技术：Express框架+Node.js+Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
    • 锋哥写一套前后端分离Python权限系统 基于Django5+DRF+Vue3.2+Element Plus+Jwt 视频教程 ，帅呆了~~ java1234_小锋 Python权限系统django权限系统pythonweb权限系统djangoDRFVUE权限python
      大家好，我是java1234_小锋老师，最近写了一套【前后端分离Python权限系统基于Django5+DRF+Vue3.2+ElementPlus+Jwt】视频教程，持续更新中，计划月底更新完，感谢支持。视频在线地址：打造前后端分离Python权限系统基于Django5+DRF+Vue3.2+ElementPlus+Jwt视频教程（火爆连载更新中..）_哔哩哔哩_bilibili项目介绍本课程采
    • 计算机毕业设计Node.js+Vue基于Java的医院预约挂号系统(程序+源码+LW+部署) Nodejs洋洋 程序 javavue.js课程设计
      该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：Node.js+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：Express框架+Node.js+Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可
    • 解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据 微特尔普拉斯 ajaxjavascriptajax前端javascript
      在当今互联网时代，网页早已不再是静态的信息展示平台，而是充满动态交互的应用体验场。而实现这种流畅交互体验的关键技术之一，便是AJAX（AsynchronousJavaScriptandXML）。它允许网页在后台悄无声息地与服务器交换数据，无需刷新整个页面，便可实现内容的动态更新，为用户带来行云流水般的操作体验。在AJAX出现之前，网页开发采用的是前后端不分离的模式。前端开发者编写好HTML和CSS
    • 前后端分离，Asp.net core webapi 如何配置跨域 代码掌控者 C#asp.netcore.netcore经验分享c#
      前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。所谓的前后端分离软件架构模式，就是指将前端和后端的开发完全分离，后端负责提供API接口和数据处理，而前端通过各种现代的JavaScript技术如AJAX或者Fetch等，来调用后端提供的API接口获取数据，从而构建
    • 每日踩坑之 前后端时间格式转换 孤心人 学习心得
      时间格式转换1.在后台进行格式处理今天在做管理员显示用户信息的时候发现，数据库里面保存的Date类取出后的格式是这样的：MonMar0911:36:53CST2020。我们都知道平时显示的时间格式都是2020-03-0911:36:53，而这个显示的是Date类默认格式。原模原样的返回给用户看肯定是不行的。话不多说，上代码：Datedate=newDate();SimpleDateFormatsd
    • springmvc 前后端日期格式的转换 owlets_ju javajava
      1.后台Date类型返回前端String类型@JsonFormat(pattern="yyyy-MM-ddHH:mm:ss",timezone="GMT+8")它的作用是，出参时，自动把Date型对象数据转化成格式化后的字符串输出:yyyy-MM-ddHH:mm:ss示例：@JsonFormat(pattern="yyyy-MM-ddHH:mm:ss",timezone="GMT+8")priva
    • 前后端时间转换的那些常见问题及处理方法 繁依Fanyi 状态模式python算法java开发语言androidgithub
      在现代的Web开发中，前后端分离的架构已经成为主流，尤其是在SpringBoot和Vue.js的组合中。开发者在这种架构下经常遇到的一个问题就是如何处理时间的转换和显示。前端和后端对时间的处理方式不同，可能会导致时间在传递过程中出现问题，比如时区不同步、格式不一致等。因此，本文将详细讨论在SpringBoot+Vue前后端分离架构中如何处理时间转换问题，并提供一些解决方案。一、前后端时间处理的常见
    • 【乐吾乐大屏可视化组态编辑器】API接口文档（pgsql） 乐吾乐科技 2D可视化组态编辑器编辑器前端流程图开源交互数据可视化
      API接口文档（pgsql）在线使用：https://v.le5le.com/采用前后端分离架构，乐吾乐后端服务提供一整套完整的web组态编辑器的所有数据接口，包含2D/3D图纸接口服务、文件接口服务和用户接口服务等，安装包版本提供后端可执行程序文件，后端源码版提供Java源码。用户也可以自行按照接口文档去实现部分必要的接口，参考接口文档如下：全局规则默认：所有接口返回通过是否包含error字段来
    • Springboot2 thymeleaf 静态资源加版本号控制缓存更新 VIAE
      最近写了一个前后端不分离的项目了，用的Springboot2thymeleaf用的js原生，没有用到webpack，所以不能在每次js变更以后打包自动给静态文件加上hash后缀关于静态资源缓存不更新的问题，用了以下几种解决方案方法一在静态资源引用的时候加上版本号，最开始我就是这么做的，因为当时确实没几个文件index.htmlbug:文件多了以后，这种方法就不太适合了方法二动态添加静态资源，加时间
    • 手把手教你从零开始开发上线一个生产级别的 Java 小说系统 大牛撸码 java开发语言
      项目简介novel是一套基于时下最新Java技术栈SpringBoot3+Vue3开发的前后端分离的学习型小说项目，配备详细的项目开发文档手把手教你从零开始开发上线一个生产级别的Java系统，由小说门户系统、作家后台管理系统、平台后台管理系统等多个子系统构成。包括小说推荐、作品检索、小说排行榜、小说阅读、小说评论、会员中心、作家专区、充值订阅、新闻发布等功能。#开发环境MySQL8.0Redis7
    • 毕设/私活/bigold必备项目，一个挣钱的免费的全开源标准前后端分离后台管理权限系统【springboot+vue+redis+Spring Security】脚手架搭建：若依Ruo框架具体使用教程 南北极之间 前端开发springbootvuespringboot+vue免费后台管理系统毕业私活后台权限系统
      【建议收藏】毕设/私活/大佬必备，一个挣钱的标准开源前后端分离【springboot+vue+redis+SpringSecurity】脚手架一个免费的开源后台管理系统：若依框架（具体使用教程：具体怎样下载？怎样使用？怎样配置后台接口地址？超详细）简介RuoYi是一个JavaEE企业级快速开发平台，基于经典技术组合（SpringBoot、ApacheShiro、MyBatis、Thymeleaf、
    • 基于SpringBoot的在线汽车租赁信息管理系统 计算机学姐 前后端分离项目源码分享SpringBoot源码Vue源码springboot汽车后端javavue.jsspringmysql
      作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、SSM项目源码系统展示【2025最新】基于Java+SpringBoot+Vue+MySQL的在线汽车租赁信息管理系统，前后端分离。开发语言：Java数据库：MySQL技术：SpringBoot、Vue、MybaitsP
    • 我们在进行前后端联调的时候 如何避免数据丢失 拿不到返回数据 查看不了状态信息等问题？ 朱道阳 底层原理面试八股回归前端npmgitpython
      最近在进行前后端联调开发的全栈开发工作但是这时候会出现很多问题比如说前端拿不到数据获得的状态码可能是正确的传的值却是null我进行了学习总结出一下几点一、数据校验前端程序员必须对后端提供的数据进行严格的数据校验。数据校验的目的是确保接收到的数据符合预期的格式和类型。在JavaScript中，可以使用typeof操作符或Array.isArray()方法进行基本的类型检查。更复杂的数据结构，可以使用
    • 微信小程序-云开发（1）常用的一些数据操作 Christoles
      在微信小程序-云开发创建的时候，它自动替我们创建了cloudfunctions和miniprogram文件，并且在project.config.json中定义好了这两个文件的名称和路径。如果我们要更改这两个文件名的话，相应的也要修改project.config.json里面的。image.png下面来讲一下关于云开发那些常用的数据方法吧微信小程序-云开发可以前后端一起操作，在做项目时，通常搭建两个
    • 【python】最新版小红书js逆向拿到数据，非常详细教程（附完整代码） 景天科技苑 爬虫副业实战零基础进阶教学pythonjs逆向小红书逆向python爬虫
      ✨✨欢迎大家来到景天科技苑✨✨养成好习惯，先赞后看哦~作者简介：景天科技苑《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。《博客》：Python全栈，前后端开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi，flask等框架，linux，shell脚本等实操经验，网站搭
    • vue+jsonrpc+mongoDB文件传输解决方案（任意格式文件） weideng_san 前端java文件传输jsonrpcmongoDBvue
      环境及需求：前端采用vue；后端采用spring，但是只用到了spring的对象注入功能，未使用springweb相关功能。前后端通信采用jsonrpc，现需要在前端选中文件（格式未知，上传到后端，后端将其存储在mongoDB中）。背景：springweb可以直接使用controller接受MultipartFile对象；但是jsonrpc不能直接传输文件类型，jsonrpc是轻量级通信框架，擅长
    • Docker容器编程 neo_Ggx23 服务器docker容器javanginxredis
      文章目录安装、卸载、配置镜像加速数据卷volume网络通讯DockerCompose容器编排docker-compose.yml命令清单相关实战Docker启动MySQL镜像Docker启动YapiDocker部署前后端分离项目安装、卸载、配置镜像加速卸载$sudoyumremovedocker\docker-client\docker-client-latest\docker-common\do
    • mac m2芯片docker打镜像 Whitess007 dockermacosm1m2arm64amd64
      这里写自定义目录标题问题解决问题本机是m2芯片是arm64的架构，gs线上运行环境不支持！！！解决看了很多文章，用dockerrun--platform的，线上也不给你那么运行啊。。最后，就是先拉取amd64的镜像版本，再去打包。比如我的项目是分为前后端两个文件夹的，目录大致如下：root(项目根目录)backDockerfilefrontDockerfileindex.html...docker
    • Django5+Vue3:OA系统前后端分离项目实战-后端登录功能实现(7) Fender的web学习路程 Django5+Vue3pythondjangovueweb
      Django5+Vue3系列文章前言本节开始，全文仅对会员开放。若点赞和收藏数量超过100，全文将免费开放。此项目采用Django框架的5.0.7版本进行开发。Django5.0支持的Python版本为3.10、3.11和3.12。OA系统系列文章将持续更新，直至项目的Docker部署阶段。专栏链接:~快捷传送门:留个赞再走呗!~个人博客:~所有文章尽在简客免费阅读~文章目录目录Django5+V
    • 程序员ai百宝盒子 PHP隔壁老王邻居 人工智能ai便捷工具程序员百宝盒
      今天发现一个特别好用工具，各种知识工具任意门coderutil编程工具导航-程序员盒子助力200万程序员编程学习提效【官网】程序员盒子(coderutil)-最适合初学者的编程工具资源社区，丰富的在线工具网址大全、高质量的技术博文分享、火爆的程序员交友讨论社区、完全免费开发API接口、海量免费程序员学习资料电子书下载网站。技术架构采用前后端分离、基于SpringBoot、SpringCloud分布
    • 不只是答题：用WebSocket和SpringBoot让双人PK变得刺激又好玩 8tydegrees websocketwebsocketspringboot网络协议后端网络javascript
      引入引入与技术选型：在实时互动应用中，实现流畅的多人协同对战功能是一大挑战。WebSocket技术，以其全双工通信能力，提供了解决方案。不同于传统HTTP请求的短连接，WebSocket建立持久连接，极大减少了通信延迟，为实时数据传输提供了理想的环境，极大减少了传统HTTP轮询的延迟，为实时游戏提供了必要的技术基础。架构设计：采用前后端分离，将WebSocket服务独立部署。前端使用JavaScr
    • 瑞吉外卖——购物车（移动端） 小杰不想秃头 瑞吉外卖项目javaajax开发语言
      需求分析移动端用户可以将菜品或套餐加入购物车。对于菜品来说，如果添加了菜品口味信息，则需要选择规格后才能加入购物车；对于套餐来说，可以直接点击加号将当前套餐加入购物车。在购物车中可以修改套餐或菜品的数量，也可以清空购物车。数据模型需要操作shopping_cart表。代码开发前后端交互过程：点击加入购物车或者加号按钮，页面发送ajax请求，将菜品或套餐加入购物车。点击购物车按钮，页面发送ajax请
    • Django跨域问题 一个简短且非常好记的ID djangopython
      简介由于本站以及很大部分项目都是前后端分离模式，前后端所配置的域名并不相同，所以会受到浏览器的同源策略限制，导致不能正确的请求资源，以下内容先用最简单的方法实现Django后端的跨域问题解决，后续原理再慢慢补充实现跨域（省流版）安装core依赖pipinstalldjango-cors-headers声明app在settings.pyINSTALLED_APPS元组中添加corsheadersIN
    • 详解python中的pandas.read_csv()函数 程序员洲洲 Python学习pythonpandasreadcsvcsv
      作者介绍：我是程序员洲洲，一个热爱写作的非著名程序员。CSDN全栈优质领域创作者、华为云博客社区云享专家、阿里云博客社区专家博主。同时欢迎大家关注其他专栏，我将分享Web前后端开发、人工智能、机器学习、深度学习从0到1系列文章。同时洲洲已经建立了程序员技术交流群，如果您感兴趣，可以私信我加入社群，可以直接vx联系（文末有名片）v：bdizztt随时欢迎您跟我沟通，一起交流，一起成长、进步！点此也可
    • java 实现前后端分离_详解前后端分离之Java后端 bfecoder java实现前后端分离
      前后端分离的思想由来已久，不妨尝试一下，从上手开始，先把代码写出来再究细节。前言以前服务端为什么能识别用户呢？对，是session，每个session都存在服务端，浏览器每次请求都带着sessionId(就是一个字符串)，于是服务器根据这个sessionId就知道是哪个用户了。那么问题来了，用户很多时，服务器压力很大，如果采用分布式存储session，又可能会出现不同步问题，那么前后端分离就很好的
    • 软件开发最佳实践：接口设计、自测与效率提升 TracyCoder123 代码整洁之道代码整洁之道
      文章目录1.接口设计RESTfulURL设计方法的使用状态码返回体封装2.自测(TDD)引入TDD实践自测用例范本3.提升开发效率善用Mock代码复用1.接口设计接口设计是前后端通信的基础，合理的接口设计可以提高开发效率，降低维护成本。以下是关于RESTfulAPI设计的一些最佳实践：RESTfulURL设计资源导向性：URL应该描述性的表示资源，而不是操作动作。示例：/users/{userId
    • 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其他