在 HTML5 出现之前,通常是使用 Form + Input file 来上传图片,虽然在之后衍生出了 Ajax 异步提交的黑科技,但本质上还是隐藏 Iframe + Form,这种方法通过监听 Iframe 的 readystate 状态 改变来处理上传进度和结果,这种方式相比纯 Form 提交的方式在体验上得到了很大的提升,因为不用刷新页面了,很多单页面应用都采用的这种方式。

- 阅读剩余部分 -

JAVA环境配置

  1. 下载
    1.elasticSearch 2.3.1,下载地址:https://www.elastic.co/downloads/past-releases
    里面有各个版本的,记住是不带hadoop的 。
    2.ElasticSearch是基于lucence开发的,也就是运行需要java jdk支持。我们先从地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载Java SE Development Kit。

安装成功后,配置环境变量。

  1. 配置环境变量

右击【我的电脑】---【属性】-----【高级系统设置】---【环境变量】,如图
请输入图片描述

选择【新建系统变量】--弹出“新建系统变量”对话框,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径(也就jdk存放文件夹路径,这里我的是E:java),单击“确定”按钮。

  1. 具体配置
    在“系统变量”选项区域中查看PATH变量,如果不存在,则新建变量 PATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的最后位置追加[%JAVA_HOME%bin;%JAVA_HOME%jrebin;”或者是直接“%JAVA_HOME%bin;],单击确定按钮。

在“系统变量”选项区域中查看CLASSPATH 变量,如果不存在,则新建变量CLASSPATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的最后位置追加[.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar;]。

然后在cmd中,使用 javac和java命令测试,(如果出现java名称成功,javac失败,请使用管理员运行cmd)如果出现如图所示,则添加成功:
http://note.pjf.im/usr/uploads/2016/08/3174337753.jpg

  1. 以管理员身份打开cmd,进入解压目录,elasticsearch.bat就运行起来了。(别关闭这个窗口)
    很是简单吧,在浏览器中输入:http://localhost:9200/
    请输入图片描述
  2. elasticsearch插件elasticsearch-head安装:

    在cmd命令行中进入安装目录,再进入 bin目录,运行以下命令:
    plugin install mobz/elasticsearch-head
    若果失败 可以直接到githup上下载安装包:plugin -install mobz/elasticsearch-head
    进入安装目录,找到pluginshead目录,若没有新建,将elasticsearch-head解压后,内容直接拷贝到head文件下。(这里的内容哦)
    然后浏览器http://localhost:9200/_plugin/head/ 就可以了
    请输入图片描述

  3. curl下载
    http://curl.haxx.se/download/?C=M;O=D
    下载window.zip
    1、解压curl-7.33.0-win64-ssl-sspi.zip后会有一个curl.exe 的文件
    2、复制curl.exe到e: curl 目录下(该目录自己任意建)
    3、配置系统环境变量

       CURL_HOME  e:\ curl
       追加 %CURL_HOME%;到个人的环境 path
    

    测试
    打开cmd运行
    path,查看最后的路径是追加刚刚设置的路径,即设置成功
    使用curl连接es命令
    curl localhost:9200

  4. elasticsearch-php安装使用

    要使用elasticsearch-php有如下三个要求:

    1.PHP的版本在5.3.9以上,我用的是wamp php 5.5.12
    2.在项目中使用Composor来管理包,下载地址如下:http://www.phpcomposer.com/
    3.在php.ini中开启curl和openssl扩展 我的wamp集成环境,都已经开了
    要使用elasticsearch,需要JDK的版本大于6,最好选择8吧,我的最新版

  5. php项目使用
    1.新建一个文件夹取名为native,此为项目随便建文件夹 我的是放在E:wampwwwnative 里面 虚拟主机呗
    2.在里面放入一个命名为composer.json的文件,文件内容为:
    请输入代码
    `

     {  

    "require":{

       "elasticsearch/elasticsearch" : "~2.0"  
       }  

    }

    `
    3.将事先下载的composer.phar拷贝到native文件夹中
    cd 到native文件夹,输入命令:php composer.phar install --no-dev (需要配置php环境变量,php.ini所在的bin文件夹)等待安装成功 【composer安装之后,有composer.phar,你可以全局搜下一下,然后拷贝一份,放在native里面】

    composer 因为国内很慢,具体参考http://pkg.phpcomposer.com/

  6. 修改 composer 的全局配置文件(推荐方式)

    打开命令行窗口(windows用户)或控制台(Linux、Mac 用户)并执行如下命令:

composer config -g repo.packagist composer https://packagist.phpcomposer.com

这个时候native文件夹下面应该会出现vendor文件夹,里面有elasticsearch、composer、guzzle等文件夹,很多内容

4.这个时候,就可以使用elasticsearch进行建立索引和进行检索了