这部分为导入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. XHTML 与 HTML 之间的差异

    最主要的不同: XHTML 元素必须被正确地嵌套. XHTML 元素必须被关闭. 标签名必须用小写字母. XHTML 文档必须拥有根元素.

  2. 字符函数库 cctype

    <cctype> (ctype.h) Character handling functions This header declares a set of functions to cla ...

  3. c++模板入门

    最近使用了c++模板,觉得非常强大,只是写起来需要掌握一点技巧.大部分模板都是直接把定义写在.h头文件,并且有些人还说这样做的原因是模板不支持分编译,可是以前的编译器对模板的支持不够好吧,但是现在完全 ...

  4. js框架——angular.js

    这是一个前端用的框架,使用简单.详细介绍这里就不写了,主要介绍其语法和作用—— 1. 声明一个angular 如果想要使用一个angular代码,则需要在[想要使用angular的范围内写上ng-ap ...

  5. lucene的两种分页操作

    基于lucene的分页有两种: lucene3.5之前分页提供的方式为再查询方式(每次查询全部记录,然后取其中部分记录,这种方式用的最多),lucene官方的解释:由于我们的速度足够快.处理海量数据时 ...

  6. java 工作内存

    所谓线程的“工作内存”到底是个什么东西?有的人认为是线程的栈,其实这种理解是不正确的.看看JLS(java语言规范)对线程工作 内存的描述,线程的working memory只是cpu的寄存器和高速缓 ...

  7. 用MyEclipse自动生成hibernate映射文件和实体类

    创建数据库,创建相应的表 点击图标,选择MyEclipse Datebase Explorer 右击空白区域,选择new菜单,根据提示创建数据库连接,创建好后会显示你所创建的连接名,如图mysqldb ...

  8. JavaBean-- 设置和取得属性

    <jsp:setProperty>标签一共有4种使用方法: 自动匹配:<jsp:setProperty name="实例化对象的名称(id)" property= ...

  9. activity管理类 appManager

    程序启动第一个界面类: net.oschina.app.AppStart功能描述:一张图片代码细节描述:一个透明度的动画效果,效果动画完成后自动启动新的Activity(Main) 基本BaseAct ...

  10. Strut2 spring hibernate 整合

    一.创建web项目工程 wzz 点击finish 2.添加spring Jar包   AOP,Core,Persistence Core ,web jar 点击next 点击Finish 3.配置Da ...