php+ajax实现无刷新文件上传功能(ajaxuploadfile)


Posted in PHP onFebruary 11, 2018

本文实例为大家分享了php+ajax实现无刷新文件上传的具体代码,供大家参考,具体内容如下

文件上传的表单格式

<form id="uploadform" enctype="multipart/form-data" name="uploadform" method="post" >
  <input id="fileToUpload" type="file" name="fileToUpload" class="uploadinput" >
  <input id="add_file" type="button" value="提交">
</form>

AjaxFileUpload实现文件异步上传效果更好,使用简单:

<!DOCTYPE html>
 <html>
  <head>
   <title></title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <script type="text/javascript" src="http://www.phpddt.com/usr/themes/dddefault/jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="ajaxfileupload.js"></script>
  </head>
 <script>
 jQuery(function(){ 
  $("#buttonUpload").click(function(){  
   //加载图标 
   /* $("#loading").ajaxStart(function(){
   $(this).show();
   }).ajaxComplete(function(){
   $(this).hide();
   });*/
   //上传文件
  $.ajaxFileUpload({
   url:'upload.php',//处理图片脚本
   secureuri :false,
   fileElementId :'fileToUpload',//file控件id
   dataType : 'json',
   success : function (data, status){
    if(typeof(data.error) != 'undefined'){
     if(data.error != ''){
      alert(data.error);
     }else{
      alert(data.msg);
     }
    }
   },
   error: function(data, status, e){
    alert(e);
   }
 })
 return false;
  }) 
 })
 </script>
  <body>
   <input id="fileToUpload" type="file" size="20" name="fileToUpload" class="input">
   <button id="buttonUpload">上传</button>
  </body>
 </html>

上传还可以传递参数:

var data = { name: 'my name', description: 'short description' } 
  $.ajaxFileUpload({
   url: 'upload.php',
   secureuri: false,
   data: data,
   fileElementId: 'fileToUpload',
   dataType: 'json',
   success: function (data) {
    alert(data.msg);

   },
   error: function (data) {
    alert("error");
   }
  });

主要参数说明:

1、url表示处理文件上传操作的文件路径,可以测试URL是否能在浏览器中直接访问,如上:upload.php
2、fileElementId表示文件域ID,如上:fileToUpload
3、secureuri是否启用安全提交,默认为false
4、dataType数据数据,一般选json,javascript的原生态
5、success提交成功后处理函数
6、error提交失败处理函数

需要了解相关的错误提示

1、SyntaxError: missing ; before statement错误

如果出现这个错误就需要检查url路径是否可以访问

2,SyntaxError: syntax error错误

如果出现这个错误就需要检查处理提交操作的PHP文件是否存在语法错误

3、SyntaxError: invalid property id错误

如果出现这个错误就需要检查属性ID是否存在

4、SyntaxError: missing } in XML expression错误

如果出现这个错误就需要检查文件域名称是否一致或不存在

5、其它自定义错误

大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
如何在PHP中使用Oracle数据库(2)
Oct 09 PHP
php 正则表达式小结
Aug 31 PHP
php URL验证正则表达式
Jul 19 PHP
php自动注册登录验证机制实现代码
Dec 20 PHP
PHP实现自动识别Restful API的返回内容类型
Feb 07 PHP
php实现编辑和保存文件的方法
Jul 20 PHP
php获取flash尺寸详细数据的方法
Nov 12 PHP
thinkPHP商城公告功能开发问题分析
Dec 01 PHP
PHP设计模式之适配器模式原理与用法分析
Apr 25 PHP
PHP基于openssl实现的非对称加密操作示例
Jan 11 PHP
PHP5.5新特性之yield理解与用法实例分析
Jan 11 PHP
PHP goto语句用法实例
Aug 06 PHP
PHP实现的多维数组排序算法分析
Feb 10 #PHP
ThinkPHP整合datatables实现服务端分页的示例代码
Feb 10 #PHP
PHP实现APP微信支付的实例讲解
Feb 10 #PHP
PHP有序表查找之插值查找算法示例
Feb 10 #PHP
PHP有序表查找之二分查找(折半查找)算法示例
Feb 09 #PHP
php在windows环境下获得cpu内存实时使用率(推荐)
Feb 08 #PHP
PHP基于redis计数器类定义与用法示例
Feb 08 #PHP
You might like
在PWS上安装PHP4.0正式版
2006/10/09 PHP
由php的call_user_func传reference引发的思考
2010/07/23 PHP
php修改上传图片尺寸的方法
2015/04/14 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
实例讲解PHP表单
2020/06/10 PHP
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
2013/05/15 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
js取小数点后两位四种方法
2019/01/18 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
Python tkinter三种布局实例详解
2020/01/06 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
python如何写个俄罗斯方块
2020/11/06 Python
世界最大的票务市场:viagogo
2017/02/16 全球购物
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
和平主题的演讲稿
2014/01/12 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
租房协议书怎么写
2014/04/10 职场文书
党的群众路线教育实践方案
2014/05/11 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
2015年班干部工作总结
2015/04/29 职场文书
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL
你需要掌握的20个Python常用技巧
2022/02/28 Python