使用FormData,进行Ajax请求并上传文件；具体代码如下：

html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="./jquery-1.11.0.min.js" ></script>
    <title>测试</title>
</head>
<body>

<button id="uploadAll">上传</button> <br><br>
<form id= "uploadForm">
    <input type="file" name="uploadData" style="display:none"  id="uploadimg" onchange="uploadFile()" /> <br>
    <input type="hidden" name="data-id" style="display:none" id="offerid" value="" /> <br>
</form>

</body>
</html>

js代码：

<script>

    $("#uploadAll").on("click", function(){
        // alert("上传");
        $("#uploadimg").click();
    });
    function uploadFile()
    {
        var formData = new FormData($( "#uploadForm" )[0]);
        $.ajax({
            url: "./uploadAll.php",
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (returndata) {
                // alert(returndata); return false;
                if ( returndata=="上传成功!") {
                    alert("上传成功!");return true;
                };
                alert(returndata);return false;
            },
            error: function (returndata) {
                alert(returndata);
            }
        });
    }

</script>

php代码：

<?php

// 获取上传文件的信息
// print_r($_FILES["uploadData"]);die();
if(is_uploaded_file($_FILES['uploadData']['tmp_name'])){
　　$upFile = $_FILES["uploadData"]; // 获取数组里面的值
　　$name = $upFile["name"]; // 上传文件的文件名
　　$type = $upFile["type"]; // 上传文件的类型
　　$size = $upFile["size"]; // 上传文件的大小
　　$tmp_name = $upFile["tmp_name"]; // 上传文件的临时存放路径
　　//判断是否为图片
　　switch ($type){
　　　　case 'image/pjpeg': $okType=true;break;
　　　　case 'image/jpeg': $okType=true;break;
　　　　case 'image/gif': $okType=true;break;
　　　　case 'image/png': $okType=true;break;
　　}

　　if($okType){
　　　　/**
　　 　　* 0:文件上传成功<br/>
　　 　　* 1：超过了文件大小，在php.ini文件中设置<br/>
　　 　　* 2：超过了文件的大小MAX_FILE_SIZE选项指定的值<br/>
　　 　　* 3：文件只有部分被上传<br/>
　　 　　* 4：没有文件被上传<br/>
　　 　　* 5：上传文件大小为0
　　 　　*/
　　　　$error=$upFile["error"];// 上传后系统返回的值
　　　　//把上传的临时文件移动到upload目录下面
　　　　move_uploaded_file( $tmp_name,"./upload/".$name );
　　　　if($error==0){
　　　　　　echo "上传成功!";
　　　　}elseif ($error==1){
　　　　　　echo "超过了文件大小，在php.ini文件中设置";
　　　　}elseif ($error==2){
　　　　　　echo "超过了文件的大小MAX_FILE_SIZE选项指定的值";
　　　　}elseif ($error==3){
　　　　　　echo "文件只有部分被上传";
　　　　}elseif ($error==4){
　　　　　　echo "没有文件被上传";
　　　　}else{
　　　　　　echo "上传文件大小为0";
　　　　}
　　}else{
　　　　echo "请上传jpg,gif,png等格式的图片！";
　　}
}else{
　　echo "您没有上传任何东西!";
}

?>

ajax 上传的更多相关文章

  1. IE8/9 JQuery.Ajax 上传文件无效

    IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...

  2. asp.net MVC ajax上传文件

    普通上传 view: <body> <form id="form1" method="post" action="@Url.Acti ...

  3. springMVC+jsp+ajax上传文件

    工作中遇到的小问题,做个笔记 实现springMVC + jsp + ajax 上传文件 HTML <body> <form id="myform" method ...

  4. FormData对象实现文件Ajax上传

    后台: import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; imp ...

  5. 基于HTML5的可预览多图片Ajax上传

    一.关于图片上传什么什么的 在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张.要一次上传多图,做法是借助于flash.例如swfupload.js.可惜,使用复杂的点,比如f ...

  6. Ajax上传文件进度条显示

    要实现进度条的显示,就要知道两个参数,上传的大小和总文件的大小 html5提供了一个上传过程事件,在上传过程中不断触发,然后用已上传的大 小/总大小,计算上传的百分比,然后用这个百分比控制div框的显 ...

  7. java Springmvc ajax上传

    ajax上传方式相对于普通的form上传方式要便捷,在更多的时候都会使用ajax (简单的小示例) 1.要先去下载一个 jquery.ajaxfileupload.js(基于jquery.js上的js ...

  8. 基于HTML5和JSP实现的图片Ajax上传和预览

    本文对如何实现使用Ajax提交"multipart/form"格式的表单数据,已经如何在图片上传之前,在浏览器上进行预览.使用的主要相关技术HTML5的FILE API,XMLHt ...

  9. 利用jquery+iframe做一个ajax上传效果

    以下是自学it网--中级班上课笔记 网址:www.zixue.it html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict ...

  10. 伪ajax上传文件

    伪ajax上传文件   最近在折腾伪ajax异步上传文件. 网上搜索了一下,发现大部分方法的input file控件都局限于form中,如果是在form外的呢? 必须动态生成一个临时form和临时if ...

随机推荐

  1. 转: HTTP协议的头信息详解

    通常HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息.这两种类型的消息由一个起始行,一个或者多个头域,一个只是头域结束的空行和可 选的消息体组成.HTTP的头域包括通用头,请求头,响 ...

  2. Power string（poj 2406）

    题目大意,给出一个字符串s,求最大的k,使得s能表示成a^k的形式,如 abab 可以表示成(ab)^2: 方法:首先 先求kmp算法求出next数组:如果 len mod (len-next[len ...

  3. fqrouter让安卓手机登陆facebook成为可能

    大多数人向来都是在电脑上通过各种代理工具来访问一些国外网站,例如facebook,twitter,然而你是否想过可以通过你的手机来畅游这些网站呢,接下来我将介绍一种通过fqrouer实现使用安卓手机畅 ...

  4. IntelliLock托管代码保护和许可授权管理系统软件详细介绍及下载

    IntelliLock是一个能用于控件与应用程序许可授权的100%托管的先进解决方案.与.NET Reactor提供的基于源代码保护的授权许可系统不同,IntelliLock选择了以100%托管的方式 ...

  5. SharePoint 2013 搜索体系结构

    博客地址:http://blog.csdn.net/FoxDave 本文参考自微软官方的Chart,记录一下,算是自己对这部分知识的总结. Microsoft® SharePoint® Server ...

  6. iOS中Block使用探索

    Block介绍 Block在ios 4.0之后加入,并大量使用在新的ios api中.block是一个匿名的代码块,可以传递给其他对象的参数,并得到返回值.从本质上讲,block同其他普通的变量类似, ...

  7. android 经典下雨效果

    英文原文地址:https://blog.stylingandroid.com/snowfall/ 中文翻译地址:http://www.open-open.com/lib/view/open145226 ...

  8. 学会使用Ogitor

    这几天在用Ogre读取Ogitor的场景,遇到了不少问题,在网上也找不到详细的说明,虽然读取Ogitor的场景对很多人来说太简单了,但对一些新手来说就有点难了,我刚开始就觉得是无从下手,因此简单的描述 ...

  9. catch的执行与try的匹配

    这里有一段代码: public class EmbededFinally { public static void main(String args[]) { int result; try { Sy ...

  10. bistu新生-1004

    #include "stdio.h"#include "stdlib.h"#include "math.h"int cmp(const vo ...