这部分为导入txt文本文件,存放在服务器然后返回txt文本的内容到前台进行相应操作
前台html代码
<div id="coordinate_div">
       <div class="file-box">
           <form action="" method="post" enctype="multipart/form-data">
               <input type='text' name='textfield' id='textfield' class='txt' />
               <input type='button' class='btn' value='浏览...' />
               <input type="file" name="fileField" class="file" id="fileField" size="28" onchange="document.getElementById('textfield').value=this.value" />
               <input type="submit" name="submit" class="btn" value="导入" id="input" />
           </form>
         </div>
       </div>
</div>
javascript部分函数完成于后台的交互
 //后台导入文件读取内容
    $("#input").click(function() {
        var arrjson = new Array();//接收数据
        var url ="http://localhost:8081/hangshe/index.php?option=com_nasm_functiondb&task=getTxtData";//地址
        //回调函数以及返回值
        var callback = function(json){
            arrjson = json//接收这个数据
        }
        $.post(url,callback)//Ajax的post方法(url为后台php函数的调用路径,callback即获取后台返回的数据函数,还有其他参数此处为用到不再过多解释)
    });
 
 
//后台php函数
 function getTxtData()
    {
        //$txt_path = $this->getPath();//路径
        $txt_path = "D:\Program Files (x86)\Apache Software Foundation\Apache2.2\htdocs\hangshe\upload\getname.txt";//路径
        $handle = fopen ($txt_path, "rb");//打开文件
        $contents = "";//定义变量
        while (!feof($handle)) {
            $contents .= fread($handle, 1024);//读取
        }
        //echo($contents );//输出
        fclose($handle);//关闭
        $data = explode("|","$contents");//分割为数组
        header('Content-Type:application/json; charset=utf-8');
        echo json_encode($data);//输出
        return json_encode($data);//返回为json
    }
//存储文件的函数
 function getPath(){
        //文件存储路径
        $file_path="upload/";
        //664权限为文件属主和属组用户可读和写,其他用户只读。
        if(is_dir($file_path)!=TRUE) mkdir($file_path,0664) ;
        //定义允许上传的文件扩展名
        $ext_arr = array("txt", "xlsx", "shp");
 
        if (empty($_FILES) === false) {
 
            if($_FILES["file"]["error"] > 0){
                exit("文件上传发生错误:".$_FILES["fileField"]["error"]);
            }
 
            //获得文件扩展名
            $temp_arr = explode(".", $_FILES["fileField"]["name"]);
            $file_ext = array_pop($temp_arr);
            $file_ext = trim($file_ext);
            $file_ext = strtolower($file_ext);
            //检查扩展名
            if (in_array($file_ext, $ext_arr) === false) {
                exit("上传文件扩展名是不允许的扩展名。");
            }
            //重命名文件 以时间戳重命名文件
            $new_name = time().".".$file_ext;
            //将文件移动到存储目录下
            move_uploaded_file($_FILES["fileField"]["tmp_name"],"$file_path" . $new_name);
            return "upload/"+$new_name;
        } else {
            echo "无正确的文件上传";
            return;
        }
    }

前台html与后台php通信(上传文件)的更多相关文章

  1. 记录一次node中台转发表单上传文件到后台过程

    首发掘金 记录一次node中台转发表单上传文件到后台过程 本篇跟掘金为同一个作者leung   公司几个项目都是三层架构模式即前台,中台(中间层),后台.前台微信端公众号使用vue框架,后台管理前端使 ...

  2. 图片上传和显示——上传图片——上传文件)==ZJ

    http://www.cnblogs.com/yc-755909659/archive/2013/04/17/3026409.html aspx上传 http://www.cnblogs.com/mq ...

  3. bootstrap fileinput 上传文件

    最近用到文件上传功能, 说实话:以前遇到过一次,COPY了别人的代码 结束! 这次又要用,可是看到别人很酷的文件上传功能,心痒了! 好吧.简单的办法,找控件: bootstrap fileinput ...

  4. Linux下开发python django程序(设置admin后台管理上传文件和前台上传文件保存数据库)

    1.项目创建相关工作参考前面 2.在models.py文件中定义数据库结构 import django.db import modelsclass RegisterUser(models.Model) ...

  5. uploadify前台上传文件,java后台处理的例子

    1.先创建一个简单的web项目upload (如图1-1) 2.插件的准备 (1).去uploadify的官网下载一个uploadify插件,然后解压新建个js文件夹放进去(这个不强求,只要路径对了就 ...

  6. Angular4 后台管理系统搭建(10) - 做一个通用的可跨域上传文件的组件

    写的很慢,不知不觉这是第十篇了.但是我其他事情太多,只能抽空写下.现在angular4或angular2流行的上传方式是ng2-file-upload.它的功能很强大.但是我没有配置成可以跨域上传的. ...

  7. Springboot第三篇:与前端fetch通信(关于前端传输json数据上传文件等等前后端的处理)

    关于前端接口传递的方法,推荐按以下使用: 若要在服务器上创建资源,推荐使用POST方法 若要检索某个资源,推荐使用GET方法 若要更新资源,推荐使用PUT方法 若要删除某个资源,推荐使用DELETE方 ...

  8. app端上传文件至服务器后台,web端上传文件存储到服务器

    1.android前端发送服务器请求 在spring-mvc.xml 将过滤屏蔽(如果不屏蔽 ,文件流为空) <!-- <bean id="multipartResolver&q ...

  9. 很方便的后台ajax上传文件

    <a href="javascript:void(0);" url="{:U('teacherd?id='.$vo['id'])}" class=&quo ...

随机推荐

  1. 利用npoi把多个DataTable导入Excel多个sheet中

    { 题外拓展:把datatable插入dataset DataTable fuben = new DataTable();//定义的datatablefuben = table.Tables[0].C ...

  2. c++11 对象池的实现

    ; template <typename T> class ObjectPool { template <typename... Args> using Constructor ...

  3. 1.2 eclipse使用 :working set

    working set可以是相当于文件夹~~有多个project时, 分别存放在不同的 workingset下,可以方便管理 新建或编辑 working set时,需要记住选择project *可参照 ...

  4. One-Way Reform

    One-Way Reform time limit per test 2 seconds memory limit per test 256 megabytes input standard inpu ...

  5. linux 进程命令

    Linux中的ps命令是Process Status的缩写.ps命令用来列出系统中当前运行的那些进程.ps命令列出的是当前那些进程的快照,就是执行ps命令的那个时刻的那些进程,如果想要动态的显示进程信 ...

  6. POJ1734/Floyd求最小环

    Sightseeing trip Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6647   Accepted: 2538 ...

  7. 使用devcon禁用启用网卡

    系统平台:win2003 情况描述: 机器上装有两块网卡,8136和8139,网卡A使用静态IP,连接内部办公网,网卡B使用DHCP,连接互联网.切换两个网络时,需要先禁用一个网卡,启用另一个网卡.来 ...

  8. lucene的多种搜索2-SpanQuery

    SpanQuery按照词在文章中的距离或者查询几个相邻词的查询 SpanQuery包括以下几种: SpanTermQuery:词距查询的基础,结果和TermQuery相似,只不过是增加了查询结果中单词 ...

  9. LightOJ 1336 Sigma Function(数论 整数拆分推论)

    --->题意:给一个函数的定义,F(n)代表n的所有约数之和,并且给出了整数拆分公式以及F(n)的计算方法,对于一个给出的N让我们求1 - N之间有多少个数满足F(x)为偶数的情况,输出这个数. ...

  10. static加载问题

    原文地址:http://blog.csdn.net/lubiaopan/article/details/4802430     感谢原作者! static{}(即static块),会在类被加载的时候执 ...