jQuery.form 上传文件

今年大部分是都在完善产品，这几天遇到了一个问题，原来的flash组件不支持苹果浏览器，需要改。在网上搜了下，看到一个jQuery.form插件可以上传文件,并且兼容性很好，主要浏览器大部分都兼容，插件官网： http://malsup.com/jquery/form/。还有就是需要jQuery类库。

结果图片：

 jQuery.form 上传文件

前端代码：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />

    <title>文件上传</title>

    <style type="text/css">

        .btn {

            position: relative;

            background-color: blue;

            width: 80px;

            text-align: center;

            font-size: 12px;

            color: white;

            line-height: 30px;

            height: 30px;

            border-radius: 4px;

        }

            .btn:hover {

                cursor: pointer;

            }

            .btn input {

                opacity: 0;

                filter: alpha(opacity=0);

                position: absolute;

                top: 0px;

                left: 0px;

                line-height: 30px;

                height: 30px;

                width: 80px;

            }

        #fileLsit li span {

            margin-left: 10px;

            color: red;

        }

        #fileLsit {

            font-size: 12px;

            list-style-type: none;

        }

    </style>

</head>

<body>

    <div class="btn">

        <span>添加附件</span>
　　　　<!--这里注意：file 标签必须具有name属性，由于没有加name属性，文件上传不到服务到哪-->

        <input type="file" id="fileName" name="fileName" />

    </div>

    <ul id="fileLsit">

    </ul>

    <!--引入jquery类库-->

    <script type="text/javascript" src="jquery/jquery.min.js"></script>

    <!--引入jquery.form插件-->

    <script type="text/javascript" src="jQuery-Form/jquery.form.js"></script>

    <script type="text/javascript">

        jQuery(function () {

            var option =

                {

                    type: 'post',

                    dataType: 'json', //数据格式为json 

                    resetForm: true,

                    beforeSubmit: showRequest,//提交前事件

                    uploadProgress: uploadProgress,//正在提交的时间

                    success: showResponse//上传完毕的事件

                }

            jQuery('#fileName').wrap(

                '<form method="post" action="/uploads/upload.ashx?option=upload" id="myForm2"  enctype="multipart/form-data"></form>');

            jQuery('#fileName').change(function () {

                $('#myForm2').ajaxSubmit(option);

            });

        });

        //删除文件

        var deleteFile = function (path, guid) {

            jQuery.getJSON('/uploads/upload.ashx?option=delete', { path: path }, function (reslut) {

                if (reslut[0].success) {//删除成功

                    jQuery('#' + guid).remove();

                } else {//删除失败

                    alert(reslut[0].info);

                }

            });

        }

        //上传中 

        var uploadProgress = function (event, position, total, percentComplete) {

            jQuery('.btn span').text('上传中...');

        }

        //开始提交

        function showRequest(formData, jqForm, options) {

            jQuery('.btn span').text('开始上传..');

            var queryString = $.param(formData);

        }

        //上传完成

        var showResponse = function (responseText, statusText, xhr, $form) {

            if (responseText[0].success) {
　　　　　　　　　//成功之后返回文件地址、文件名称等信息 拼接呈现到html里面。

                var str = '<li id="' + responseText[0].guid + '"><a href="' + responseText[0].path + '">' + responseText[0].fileName + '</a><span onclick="deleteFile(\'' + responseText[0].path + '\',\'' + responseText[0].guid + '\')"  >删除</span></li>';

                jQuery('#fileLsit').append(str);

            }

            jQuery('.btn span').text('上传完成');

            jQuery('.btn span').text('添加附件');

        }

    </script>

</body>

</html>

后台代码：相对简单，没有做严格的处理

 1 using System;

 2 using System.Collections.Generic;

 3 using System.IO;

 4 using System.Linq;

 5 using System.Web;

 6 

 7 namespace Demo.uploads

 8 {

 9     /// <summary>

10     /// upload 的摘要说明

11     /// </summary>

12     public class upload : IHttpHandler

13     {

14         //特别说：在返回自己拼接的json格式数据，必须严格，出了bool、数字类型可以不加引号，其他必须加引号。不然在高版本的jQuery.js类库是不会走 success 事件的。

15         public void ProcessRequest(HttpContext context)

16         {

17             context.Response.ContentType = "text/plain";

18 

19             //标志 操作文件的类型 

20             string option = context.Request["option"];

21             switch (option)

22             { 

23                 case "upload":

24                     UploadFile(context);

25                     break;

26                 case "delete":

27                     DeleteFile(context);

28                     break;

29             }

30 

31 

32 

33         }

34         /// <summary>

35         /// 删除文件的方法

36         /// </summary>

37         /// <param name="context"></param>

38         private void DeleteFile(HttpContext context)

39         {

40             string path = context.Request["path"];

41             try

42             {

43                 File.Delete(context.Server.MapPath(path));

44                 context.Response.Write("[{\"success\":true}]");

45 

46             }

47             catch (Exception e)

48             {

49                 context.Response.Write("[{\"success\":false},\"info\":\"" + e.ToString() + "\"]");

50 

51             }

52             finally 

53             {

54                 context.Response.End();

55             }

56         }

57         /// <summary>

58         /// 上传文件方法

59         /// </summary>

60         /// <param name="context"></param>

61         private void UploadFile(HttpContext context)

62         {

63             try

64             {

65                 HttpPostedFile file = context.Request.Files[0];

66                 string fileName = file.FileName;

67                 string path = "/fileUploads/" + fileName;

68                 file.SaveAs(context.Server.MapPath(path));

69                 //这里在返回信息的时候 给以个guid,因为在删除的时候方便 。

70                 string str = "[{\"success\":true,\"fileName\":\"" + fileName + "\",\"path\":\"" + path + "\",\"guid\":\"" + Guid.NewGuid().ToString() + "\"}]";

71                 context.Response.Write(str);

72                 context.Response.End();

73 

74             }

75             catch (HttpException e)

76             {

77                 context.Response.Write("[{\"success\":false,\"info\":\"" + e.ToString() + "\"}]");

78                 context.Response.End();

79             }

80         }

81         public bool IsReusable

82         {

83             get

84             {

85                 return false;

86             }

87         }

88     }

89 }

 

你可能感兴趣的:(jquery)

  • 前端知识点个人实践 fan510988896 个人实践(前端)前端javascript
    前端知识点最佳实践前端一些记录js相乘小数点问题场景解决方案table值获取问题背景：需要遍历table，获取每行数据解决方案jquery的一些实践自己看吧前端一些记录js相乘小数点问题场景在js相乘中，会发现有很多小数点解决方案首先确定相乘精确位数，然后再末尾去零handleCutZero(result.toFixed(size)functionhandleCutZero(num){//拷贝一份
  • uniapp h5端和app端 使用 turn.js qq_31683775 uni-appjavascript开发语言
    前提:添加页后,添加页与当前页会重叠在一起,不知道为什么,没有找到解决办法1.h5端Page1Page2Page3Page4Page5//npminstalljqueryturn.jsimport$from'jquery';import'turn.js';exportdefault{data(){return{}},mounted(){//确保DOM加载完成this.$nextTick(()=>{
  • Viewer.js----图片查看 小丸子灬 javascript开发语言ecmascript
    Viewer.js是一个用于展示图片、视频等多媒体内容的轻量级JavaScript库，提供了现代的图片查看器功能，比如放大、缩小、旋转、拖动等操作，适用于浏览器中查看图片等资源。官网地址：Viewer.js详细说明：Viewer.js–强大的JS/jQuery图片查看器_dowebok.如何使用Viewer.js1.1引入Viewer.js首先，你需要在HTML页面中引入Viewer.js。你可以
  • Flask应用开发综合示例——博客系统 Botiway FlaskWebpythonflask
    下面是一个与前面不同的综合示例，展示如何使用Python+Flask+HTML+CSS+JavaScript+jQuery+Bootstrap+SQLAlchemy开发一个简单的博客系统。用户可以注册、登录、发布博客、查看博客列表以及删除自己的博客。1.项目结构blog_system/│├──app.py#Flask应用主文件├──models.py#SQLAlchemy模型定义├──requir
  • node.js+mongodb 猫咪大大 mongodbexpressjquerynode.jsui
    安装：Node.js：0.10.32Express：4.10.2MongoDB：2.6.1sublime3过程中要用到的东西amazeui前端框架，放在public文件夹下与其他并列vue和jquery：vue.js，jquery-2.1.4.min.js，JSXTranformer.js放在javascripts里安装的包有："async":"^1.5.0","bluebird":"^3.3.5
  • 前端大厂常见面试题目|react|5-reacr ajax,axios,消息订阅发布机制，react-routerdom的api，基本路由使用，rdirct,antd，navlink,switch, 学习记录wanxiaowan 前端八股文前端面试react.js
    第4章：Reactajax4.1.理解4.1.1.前置说明React本身只关注于界面,并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react应用中需要集成第三方ajax库(或自己封装)4.1.2.常用的ajax请求库jQuery:比较重,如果需要另外引入不建议使用axios:轻量级,建议使用封装XmlHttpRequest对象的ajaxpromise风格
  • Java计算机毕业设计大学生体测数据管理系统源码+系统+数据库+lw文档 冰冰网络 java开发语言html
    Java计算机毕业设计大学生体测数据管理系统源码+系统+数据库+lw文档Java计算机毕业设计大学生体测数据管理系统源码+系统+数据库+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https
  • jQuery Mobile 工具栏详解 lsx202406 开发语言
    jQueryMobile工具栏详解引言jQueryMobile是一个基于jQuery的触摸优先的移动Web开发框架，它简化了移动Web应用的开发过程。工具栏（Toolbar）是jQueryMobile中一个重要的UI组件，它为用户提供了导航和操作的工具。本文将详细介绍jQueryMobile工具栏的用法、属性、样式以及与页面布局的结合。工具栏的基本用法在jQueryMobile中，工具栏可以通过标
  • error Command failed with exit code 1 泡泡Java 前端html后端asp.netjavascript
    从传统JQuery转变到Node.js最烦的就是一接手新项目就得npminstall，浪费大量时间不说还总会报莫明其妙的错误，这次又遇到了一个errorCommandfailedwithexitcode1。因为它的相关处报的问题可能和npm本身有关，我就用yarninstall规避，并且也确实能yarnstart跑通项目。但就在我想把它打包成dist的时候，yarnbuild就又抛出了这么一个问题
  • 【Rust】——使用Drop Trait 运行清理代码和Rc＜T＞ 引用计数智能指针 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录使用DropTrait运行清理代码通过std::mem::drop提早丢弃值
  • java-net-php-python-springboot社区志愿者管理系统计算机毕业设计程序 鸿源网络 javaphpspringboot
    java-net-php-python-springboot社区志愿者管理系统计算机毕业设计程序java-net-php-python-springboot社区志愿者管理系统计算机毕业设计程序本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据
  • Java毕业设计——＞ Thymeleaf+SpringBoot+SpringDataJPA实现的中小医院信息管理系统 Java天下第1 Java毕业设计（源码和数据库部分有lunwen）医院管理系统SSM医院信息管理系统药房管理系统SSM医院医院SSM
    本系统是基于Thymeleaf+SpringBoot+SpringDataJPA实现的的中小医院信息管理系统。简单实现了挂号收费，门诊管理，划价收费，药房取药，体检管理，药房管理，系统维护等基础功能。难度等级：中等技术栈编辑器IntelliJIDEA2019.1.1(UltimateEdition)前端技术基础：html+css+JavaScript框架：Bootstrap+JQuery后端技术S
  • jQuery UI CSS 框架 API lly202406 开发语言
    jQueryUICSS框架API概述jQueryUI是一个基于jQuery的用户界面和交互库，它提供了一套丰富的交互组件和视觉效果，旨在帮助开发者快速构建具有吸引力和互动性的网页应用。jQueryUICSS框架API是jQueryUI的一部分，它允许开发者通过简单的CSS类来控制UI组件的样式和外观。本文将详细介绍jQueryUICSS框架API的使用方法、常用类和功能，帮助开发者更好地利用这一工
  • vue面试题|[2025-1-10] ○陈 vue面试题vue.jsjavascript前端
    1.vue和jquery的区别是什么？1.原理不同vue就是数据绑定；jq是先获取dom再处理2.着重点不同vue是数据驱动，jq是着重于页面3.操作不同4.未来发展不同2.vuex的响应式处理vuex是vue的状态管理工具vue中可以直接触发methods中的方法，vuex是不可以的。处理异步，当触发事件的时候，会通过dispatch来访问actions中的方法，actions中的commit会
  • electron学习笔记 weixin_46452138 electron学习javascript
    electron个人学习笔记一、electron简单了解Electron是一个跨平台的、基于Web前端技术的桌面GUI应用程序开发框架。可以使用HTML、CSS来绘制界面和控制布局，使用JavaScript来控制用户行为和业务逻辑，使用Node.js来通信、处理音频视频等，几乎所有的Web前端技术和框架（jQuery、Vue、React、Angular等）都可以应用到桌面GUI开发中。二、开发前基
  • java脚本弹出输入框,使用弹出框编辑(增加)表单内容 jordan.xue java脚本弹出输入框
    0、背景使用Amazeui中Prompt模态窗口Modal1、JQuery功能：表单复位获取表单的值，并显示在修改弹出框中(文本框、单选、多选、下拉框)发送Post异步请求给后台自刷新$(function(){//编辑功能$('table.edit').on("click",function(){//表单复位document.getElementById("form-machineRole").r
  • jQuery AJAX 方法详解 froginwe11 开发语言
    jQueryAJAX方法详解引言随着互联网技术的不断发展，前端开发领域的技术也在不断更新迭代。jQuery作为一种广泛使用的前端JavaScript库，极大地简化了DOM操作和事件处理。在众多jQuery功能中，AJAX（AsynchronousJavaScriptandXML）方法尤为突出，它允许我们在不重新加载整个页面的情况下与服务器进行异步通信。本文将详细介绍jQueryAJAX方法的使用，
  • 基于Java毕业设计学术会议论文稿件管理系统源码+系统+mysql+lw文档+部署软件 练练科技 java课程设计mysql
    基于Java毕业设计学术会议论文稿件管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计学术会议论文稿件管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • java计算机毕业设计web实验室课表管理系统源码+mysql数据库+系统+lw文档+部署 花样1999 mysql数据库java
    java计算机毕业设计web实验室课表管理系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计web实验室课表管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
  • java计算机毕业设计运动会管理系统源码+mysql数据库+系统+lw文档+部署 沪港 mysqljava数据库
    java计算机毕业设计运动会管理系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计运动会管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • ASP.NET MVC5配置百度富文本编辑器 plcc123 ASP.NETMVCc#
    简单说一下，.netMVC5如何配置百度富文本编辑器吧。1、首先去下载百度富文本编辑器2、解压放到项目文件夹Content/ueditor3、在视图里面添加@Scripts.Render("~/bundles/jqueryval","~/Content/ueditor/ueditor.config.js","~/Content/ueditor/editor_api.js","~/Content/u
  • 2021-04-15 一般橙 笔记
    JQuery项目JS模块化分析(一)Jquery在线手册新增一个组件例按钮组件varYIUI=YIUI||{};(function(){//立即执行匿名函数,模拟模块化YIUI.Yes_Button=function(options){//匿名函数表达式varbtntemplate={el:$(""),caption:"按钮",init:function(){varself=this;var$in
  • 阿里云视频点播，基于thinkphp8上传视频 quweiie php阿里云音视频云计算
    前端参考官方示例(jQuery版)阿里云JavaScript上传SDKDemo(使用jquery).container{width:1200px;margin:0auto;}.input-control{margin:5px0;}.input-controllabel{font-size:14px;color:#333;width:30%;text-align:right;display:inli
  • html元素后追加内容,jquery 元素控制(追加元素/追加内容)介绍及应用 王大明白 html元素后追加内容
    一、在元素内部/外部追加元素append,prepend:添加到子元素before，after：作为兄弟元素添加html：在我的后面追加一条新闻Javascript:jQuery(function(){//在元素内部追加内容$("#content").append("姚明退役了...");})在#content里面添加元素，这是把姚明退役了...作为子元素添加到#content，如果想在元素外部追
  • js 使用缓存判断在规定时间内显示一次弹框 洪洪呀 javascript缓存开发语言
    js使用缓存判断在规定时间内显示一次弹框功能拆分，新用户注册完成登录跳转首页，js根据注册时间判断显示一个新手指引的弹窗，只在注册当天登录且显示一次jQuery(document).ready(function($){getWinnerModalShow()});//新手指引functiongetWinnerModalShow(){varwinnerModal=newbootstrap.Modal
  • 使用jQuery、Ajax、ASP和MySQL实现动态加载更多内容 来自日本的亮仔
    本文还有配套的精品资源，点击获取简介：“加载更多”功能改善网页用户体验，适用于大量数据场景。本文将探讨如何通过结合jQuery监听滚动事件、使用Ajax技术与服务器交互、ASP后端处理请求、以及MySQL数据库查询，实现无需刷新页面即可动态加载内容的完整步骤。1.页面滚动事件监听与处理在当今的网络应用中，页面滚动事件是一种常见的用户交互方式，它直接影响到用户体验。监听和处理滚动事件，能够帮助开发者
  • jQuery.ajax weixin_48357623 前端jqueryajax前端
    下面是关于FetchAPI、umi-request、jQuery.ajax和axios的对比表格：FetchAPIumi-requestjQuery.ajaxaxios技术基础基于Promise的现代浏览器API基于fetch的封装，提供统一API和请求层治理原生JavaScript中的XMLHttpRequest封装基于Promise的HTTP客户端，封装XMLHttpRequest使用场景适用
  • Amaze UI web mobile 前端框架 iteye_20240 ui前端框架移动开发
    目录结构index.html-空白HTML模板；blog.html-博客页面模板（预览）；landing.html-LandingPage模板（预览）；login.html-登录界面模板（预览）；sidebar.html-带边栏的文章模板（预览）；在app.css中编写CSS；在app.js中编写JavaScript；移动端首选Zepto，桌面端选jQuery，这应该是大多数开发者的共识。那对于跨
  • （二）用控制器controller给模型数据赋初始值 diandingyin9417 javascriptViewUI
    之前博客，非常easy的就实现了模型数据和页面显示的自己主动绑定。如今我们使用控制器，给模型赋初始值。假设使用jquery来实现变量赋初值，须要在页面载入完毕后运行$("#target").attr("value",selfValue);使用AngularJS代码例如以下：Hello,World!functionWholeController($scope){$scope.yourName="at
  • jQuery 的 data 方法 不识别大小写 GoToDinner 前端
    console.log($(this).data("workState"));//undefinedconsole.log($(this).data("work-state"));//undefinedconsole.log($(this).data("workstate"));//1要么语义都是小写，多个单词可以用'-'字符分隔如data-work-state这样
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他