文件上传用到全局数组： $_FILES

只需要把下面的 <button onclick="post()">提交</button> 改为 <input type="button" onclick="post()" value="提交"/>就不会刷新页面了！！！

参考 http://bbs.csdn.net/topics/391852021

what fuck ... sb html   我在那愣是提交了半个小时，还是一直刷新，找不到问题所在。 原因是我的提交按钮用的是button标签，后来改成了 <input type="button"> 就尼玛可以了   真是无语了

file.html

<html>

<head>

<meta content="" charset="UTF-8"/>

 <script src="./jquery.js"></script>

 </head>

 <form enctype="multipart/form-data" enctype="multipart/form-data">

     请选择文件<input type="file" name="file"/>

     <button onclick="post();">提交</button>

 </form>

 <script>

    function post() {

        alert("in post");

        var formData = new FormData();

        //var formData = new FormData($("form")[0]);

        formData.append('file', $('input[name=file]')[0].files[0]);

        $.ajax({

            url: './file.php',

            type: 'POST',

            cache: false,

            data: formData,

            processData: false,

            contentType: false,

            async: true

        }).success(function(){

            alert("success!");

            }).error(function(){

                alert("error");

                }); 

    }   

</script>

</html>

　　

file.php

<?php

file_put_contents("./a.txt", var_export($_FILES, true));

//var_dump($_FILES);exit;

if ((($_FILES["file"]["type"] == "image/gif")

        || ($_FILES["file"]["type"] == "image/jpeg")

        || ($_FILES["file"]["type"] == "text/plain"))

        && ($_FILES["file"]["size"] < 20000))

{

    file_put_contents("./a.txt", "\n in \n", FILE_APPEND);

    if ($_FILES["file"]["error"] > 0)

    {

        echo "Return Code: " . $_FILES["file"]["error"] . "<br />";

    }

    else

    {   

        file_put_contents("./a.txt", "\n in else\n", FILE_APPEND);

/*        echo "Upload: " . $_FILES["file"]["name"] . "<br />";

        echo "Type: " . $_FILES["file"]["type"] . "<br />";

        echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";

        echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";

 */

        if (file_exists( $_FILES["file"]["name"]))

        {

   //         echo $_FILES["file"]["name"] . " already exists. ";

            file_put_contents("./a.txt", "\n already exists \n", FILE_APPEND);

        }

          else

        {

            file_put_contents("./a.txt", "\n in create file \n", FILE_APPEND);

            move_uploaded_file($_FILES["file"]["tmp_name"],

                                $_FILES["file"]["name"]);

     //       echo "Stored in: " . $_FILES["file"]["name"];

        }

    }

}

else

{

    echo "Invalid file";

}

?>

　　

这样的结果才是正确的，页面 /file.html 没有刷新， 解决办法是submit 按钮改成了

<input type="button" value="提交"/>

---------------------------------

而之前的按钮是 <button>提交</button>，这样文件上传成功之后是会刷新页面的，去请求 /file.html?file=file.txt 这个路径的文件，很是奇怪！！！

点击提交

jquery 的ajax无刷新上传文件之后，页面还是会莫名的刷新-----解决办法的更多相关文章

  1. jQuery 关于IE9上传文件无法进入后台问题的原因及解决办法（ajaxfileupload.js第四弹）

    第四弹的诞生完全不在自己最初的计划之中,是有个网友看了先前关于<ajaxfileupload.js系列>的文章后提出的问题,由于自己一直是用chrome浏览器去测试demo,完全忽略IE浏 ...

  2. 上传文件，经过Zuul，中文文件名乱码解决办法

    转载请标明出处: http://blog.csdn.net/forezp/article/details/77170470 本文出自方志朋的博客 问题描述 在项目中又一个上传文件的oss服务,直接调用 ...

  3. SpringBoot上传文件，经过spingCloud-Zuul，中文文件名乱码解决办法

    最近用springCloud整合springboot做分布式服务发现经过zuul之后上传的中文文件名乱码全都变成?????,从而引发异常,单独用springboot却是好的,在网上找到相关资料总结如下 ...

  4. 上传文件报413 Request Entity Too Large错误解决办法

    产生这种原因是因为服务器限制了上传大小 1.nginx服务器的解决办法 修改nginx.conf的值就可以解决了 将以下代码粘贴到nginx.conf内 client_max_body_size 20 ...

  5. vue-quill-editor 封装成组件；图片文件流上传；同一页面多个编辑器样式异常解决办法

    使用方法: 引入并注册组件,然后直接使用: @getcode是同步获取编辑器内容的::contentDefault是编辑器的默认内容: 注意:如果同一个页面多个编辑器,参数id不能相同,否则只有第一个 ...

  6. jquery ajax php 无刷新上传文件 带 遮罩 进度条 效果的哟

    在很多项目中都会叫用户上传东西这些的,自从接触了jquery 和ajax之后就不管做什么,首先都会想到这个,我这个人呢?是比较重视客户体验的,这次我这边负责的是后台板块,然后就有一块是要求用户上传照片 ...

  7. jQuery+php+ajax实现无刷新上传文件功能

    jQuery+php+ajax实现无刷新上传文件功能,还带有上传进度条动画效果,支持图片.视频等大文件上传. js代码 <script type='text/javascript' src='j ...

  8. ajax ＋jsp＋iframe无刷新上传文件[转]

    http://hi.baidu.com/zj360202/blog/item/f23e3711f929c774cb80c475.html ajax jsp 无刷新上传文件 2009-10-26 16: ...

  9. ajax无刷新上传文件

    网页上传文件最简单的方式就是通过表单上传了,但是在提交表单的时候会导致网页刷新,但有的时候我们不想网页刷新,有什么办法呢,我们可以使用ajax上传文件来做到这一点.只有ajax还不行,还需要JavaS ...

  10. web 开发之js---巧用iframe实现jsp无刷新上传文件

    首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是 ...

随机推荐

  1. git下

    ----------- 1. 分支管理策略 1)master分支 非常稳定的,只用来发布新版本,平时不在上面干活 2)dev分支 不稳定的,主要在上面干活,每个人都有自己的分支,时不时的往dev分支上 ...

  2. 【CodeForces727E/CF727E】Games on a CD (字符串哈希)

    题目: CodeForces727E 分析: 看到字符串比较,肯定想到哈希啊--现学的哈希,先丢两个重要的公式 (\(seed\)是大于字符集大小的质数,\(p\)是大质数) \[hash[i]=(h ...

  3. Mac使用bootcamp安装win8.1出现网卡驱动没有安装问题

    问题:没有网络连接 原因:在bootcamp烧的u盘里面其实附带了驱动,只是没有自动安装 解决:D:\BootCamp\Drivers\Broadcom\BroadcomWirelessWin8x64 ...

  4. ios cocos2d-x 多点触摸

    需要在 AppController.mm文件中添加一句多点触摸支持: [_view setMultipleTouchEnabled:true];

  5. java基础之吃货联盟

    因为用的是普通数组,所以编写的代码可能比较长,而且有的功能还比较不健全,代码如下: 0.定义数组(因为用static修饰可以不用New,比较方便,但可能比较损耗性能) //订餐人名字 static S ...

  6. 汇总——WEB前端资源网

    前端攻城师 爱思资源网 HTML5吧 0101后花园 前端网 编程教程和源代码示例 Javascript中文网 Web前端资源网 移动端HTML5资源整理 Web开发者 SegmentFault 前端 ...

  7. HDU_1028_Ignatius and the Princess III_（母函数，dp）

    Ignatius and the Princess III Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K ...

  8. Gradle与Makefile构建工具的对比

    随着Android Studio的普及,越来越多的Android开发者也要开始了解和学习Gradle这款强大的代码构建工具了.我们在学习和了解一项新事物的时候,最快速的方法往往是与已知的事物进行比较, ...

  9. PHP 之websocket实现聊天室功能

    一.功能界面 具体的详细代码:https://github.com/yangsphp/websocket-master/tree/master 二.具体代码实现 1.前端代码如下 <!DOCTY ...

  10. （Entity framework 应用篇）把权限判断封装在数据库访问层

    这里,我只是以一个例子,说一下简单权限控制,通过这个例子,大家可以设计庞大的权限管理层,把权限控制封装到数据库访问层,这样程序员就不用再写权限判断的代码了 首先,先看看我数据库DBContext的定义 ...