php结合jquery异步上传图片（ajaxSubmit），以下为提交页面代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Ajax异步上传图片</title>

<script src="js/jquery-1.4.2.js" language="JavaScript" type="text/javascript"></script>

<script src="js/jquery.form.js" language="JavaScript" type="text/javascript"></script>

<script type="text/javascript">

function sky_upfiles(){

    var messtxt;

 $("#sky_upform").ajaxSubmit({

                                //dataType:'script',

                                type:'post',

                                url: "doupfiles.php",

                                beforeSubmit: function(){

                                    $("#sky_txt").html("图片上传中...");

                                },

                                success: function(data){

                                    if(data=="1"){

                                    messtxt = "上传成功！";

                                    }else if(data=="-1"){

                                    messtxt = "文件超过规定大小！";

                                    }else if(data=="-2"){

                                    messtxt = "文件类型不符!";

                                    }else if(data=="-3"){

                                    messtxt = "移动文件出错!";

                                    }else{

                                    messtxt = "未知错误!";

                                    }

                                    $("#sky_txt").html(messtxt);

                                    //$("#sky_txt").append(data);

                                },

                                resetForm: false,

                                clearForm: false

                        });

                        //$("#upimgform").submit();

}

        </script>

</head>

<body>

<br />

<fieldset style="width:97%">

  <legend>上传文件</legend>

    <form enctype="multipart/form-data" id="sky_upform" name="sky_upform" action="" method="post">

    <table width="100%" border="0" align="center" cellpadding="3" cellspacing="0">

      <tr>

        <td width="100" align="right" class="f-12"></td>

        <td class="f-12" align="left">

        <input name="upfile" id="upfile" maxlength="20" size="40" type="file" value="" /><input name="upmit" type="button" id="upmit" value="上传" onclick="sky_upfiles()"/>

        <font color="red" id="sky_txt"></font></td>

      </tr>

    </form>

</body>

</html>

jquery.form.js下载

https://github.com/malsup/form

下载源码：

ajax_upfiles.rar

转载：http://skyhome.cn/jquery/246.html

php结合jquery异步上传图片（ajaxSubmit）的更多相关文章

  1. Jquery异步上传图片

    网页中这样: <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head id=& ...

  2. Jquery实现异步上传图片

    利用jQuery的ajax函数就可以实现异步上传图片了.一开始我是想在处理程序中,直接用context.Request.Files来获取页面中的input file,但是不知道为什么一次获取不了.网上 ...

  3. 异步上传图片，光用jquery不行，得用jquery.form.js插件

    异步上传图片,光用jquery不行,得用jquery.form.js插件,百度一下下载这个插件,加jquery,引入就可以了 <form id="postbackground" ...

  4. 如何理解jQuery中的ajaxSubmit方法

    版权声明:本文为博主原创文章,转载请标注:www.cnblogs.com/gdsblog 刚刚学习中,使用到了ajaxSubmit,犹豫以前没有接触㢧这个,所以刚开始是一脸懵逼状态,最后通过查找资料的 ...

  5. 使用Ajax异步上传图片的方法(html,javascript,php)

    前两天项目中需要用到异步上传图片和显示上传进度的功能,于是找了很多外国的文章,翻山越岭地去遇上各种坑,这里写篇文章记录一下. HTML <form id="fileupload-for ...

  6. Ajax实现异步上传图片

    要求:点击页面浏览按钮后,选择需要上传的图片,页面无刷新,将上传的图片展示出来 开发流程 一:在页面编写表单代码和js代码 <!DOCTYPE html PUBLIC "-//W3C/ ...

  7. C# 异步上传图片案例

    好久没写博客了,都感觉自己快堕落了!今天随性写一篇关于异步上传图片的程序及插件! 说是程序及插件,其实程序占大头,所谓的插件只是两个JS.分别为:jquery.html5upload.js 和 jqu ...

  8. MVC异步上传图片到本地/服务器

    这两天朋友问我,有没有异步上传图片到本地/服务器这种demo,他有用, 我就想,好吧, 那刚好周末了,整理一套出来. 主要用到的是jquery uploadify 这个juqery的插件 ,可以无刷新 ...

  9. ajax异步上传图片&SpringMVC后台代码

    function uploadPic(){ var options = { url : "/upload/updatePic.action", type : "post& ...

随机推荐

  1. iOS开发——网络编程OC篇&（二）XMPP实现用户登录与注销

    XMPP实现用户登录与注销 登录: 步骤: * 在AppDelegate实现登录 1. 初始化XMPPStream 2. 连接到服务器[传一个JID] 3. 连接到服务成功后,再发送密码授权 4. 授 ...

  2. 50个Android开发技巧(02 延迟载入和避免反复渲染视图)

    当你在Application中创建复杂的布局时.页面的渲染过程也变得更加缓慢. 此时,我们须要利用 <include />标签(避免反复渲染)和 ViewStub类(延迟载入)来优化我们的 ...

  3. android128 zhihuibeijing 科大讯飞 语音识别

    - 科大讯飞 开放平台 http://open.voicecloud.cn/ package com.itheima.voicedemo; import android.app.Activity; i ...

  4. [JavaScript]JS对select动态options操作[IE&FireFox兼容]

    <select id="ddlResourceType" onchange="getvalue(this)"></select>     ...

  5. input的多条数据以数组形势上传

    <input type="text" name="prices[]" value="">

  6. iOS-制作Framework

    步骤 打开Xcode,创建新工程.手下留情,请先看图! 在TARGETS下选中工程,在Build Settings下更改几个参数. 更改参数 在Architectures下增加armv7s,并选中.将 ...

  7. 网页js生成当前年月日 星期

    只需将下面代码插入需要显示日期的地方即可 <div style="color: brown; font-size: 10px;">今天是: <script lan ...

  8. ios通知-kvo

    // KVC: Key Value Coding, 常见作用:给模型属性赋值    // KVO: Key Value Observing, 常用作用:监听模型属性值的改变 // // ViewCon ...

  9. Fortify对移动应用安全的支持

    Fortify对移动应用安全的支持http://www.docin.com/p-768827684.html

  10. ubuntu nexus 安装

    今天公司组织学习使用linux系统搭建nexus maven私服中央仓库,在公司使用centos搭建了一个,回家又用ubuntu搭建一个,主要是为了能熟悉整个流程,现将主要过程总结如下:(PS:楼主是 ...