这部分为导入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. JAVA-基本知识

    1.JAVA跨平台 其实就是在每个平台上要安装对应该操作系统的JVM,JVM负责解析执行,即实现了跨平台.JVM是操作系统与java程序之间的桥梁. 2.JRE:java运行环境,包含JVM+核心类库 ...

  2. 关键自li,em,dl,ul,ol,footer,header,nav,aside,article

    section 版块 用于划分页面上的不同区域,或者划分文章里不同的节 header 页面头部或者版块(section)头部 footer 页面底部或者(section)底部 nav 导航 (包含链接 ...

  3. java数组的引用

    数组属于应用型变量,因此两个相投类型的数组如果具有相同的引用,它们就有完全相同的元素 如: int a[]={1,2,3},b[]={4,5} 如果a=b;则a[]={4,5} public clas ...

  4. android 图片拍照图片旋转的处理方式

    第一种:String str=path; /** * 读取图片属性:旋转的角度 * * @param path * 图片绝对路径 * @return degree旋转的角度 */ private vo ...

  5. IDL 实现 EOF(经验正交函数分析)

    关于EOF详细介绍请wiki http://en.wikipedia.org/wiki/Empirical_orthogonal_functions或者Google之. 与PCA一样,EOF也是遥感多 ...

  6. update set from where

    原文链接:http://blog.csdn.net/xcbsdu/article/details/6736503 关于update set from where 下面是这样一个例子: 两个表a.b,想 ...

  7. The Accumulation of Capital

    The Accumulation of Capital ---- by *Adam Smith Capitals are increased by parsimony, and diminished ...

  8. git 管理多个私钥

    .ssh/config文件: host imspring hostname 182.92.153.2 IdentityFile ~/.ssh/id_rsa port 22

  9. 一个appium 博客

    http://www.cnblogs.com/tobecrazy/category/699177.html appium Java控制Appium server start/stop 摘要: 相信很多 ...

  10. JavaBean--简介及基本使用

    JavaBean本身就是一个类,属于java的面向对象编程 JavaBean是使用java语言开发的一个可重用的组建,在JSP开发中如果要应用JSP提供的JavaBean标签来操作简单的类的话,需要满 ...