php教程分享

  1. php教程首页
  2. php上传下载

php ajaxfileupload实现ajax文件上传功能

•php上传下载•阅读 374

最近公司要做一个上传头像的功能,我们希望用户点击上传就实现了文件上传并不需要跳转页面了,下面我们就一起来看个例子吧.

可以批量进行添加上传,简单方便,代码如下:

  1. <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
  2. <script
  3. type="text/javascript" src="ajaxfileupload.js"></script>
  4. <form action="" method="post" enctype="multipart/form-data">
  5. <input size='80' /><br> <input type="file" name="file1"
  6. size="30" /> <input type="button" value="上传"
  7. onclick="return ajaxFileUpload();" /> <span
  8. >UpLoading...</span>
  9. </form>
  10. <script type="text/javascript">
  11. var str = '';
  12. function ajaxFileUpload(){
  13. $("#msg")
  14. .ajaxStart(function(){
  15. $(this).show();
  16. });
  17. /*
  18. .ajaxComplete(function(){
  19. $(this).hide();
  20. });
  21. */
  22. $.ajaxFileUpload(
  23. {
  24. url:'up_deal.php',
  25. secureuri:false,
  26. fileElementId:'file1',
  27. dataType: 'text',
  28. //data:{name:'qinmi', id:'123'},
  29. success: function(data){
  30. if(data=='error'){
  31. $('#msg').html("<span >上传失败</span>");
  32. }else{
  33. $('#msg').html("<span >上传成功</span>");
  34. str += data+'@';
  35. $('#fname').val(str);
  36. }
  37. }
  38. }
  39. );
  40. return false;
  41. }
  42. </script>

up_deal.php代码如下:

  1. <?php
  2. if ((($_FILES["file1"]["type"] == "image/gif")
  3. || ($_FILES["file1"]["type"] == "image/jpeg")
  4. || ($_FILES["file1"]["type"] == "image/bmp")
  5. || ($_FILES["file1"]["type"] == "image/pjpeg"))
  6. && ($_FILES["file1"]["size"] < 100000)){//100KB
  7. $extend = explode(".",$_FILES["file1"]["name"]);
  8. $key = count($extend)-1;
  9. $ext = ".".$extend[$key];
  10. $newfile = time().$ext;
  11. if(!file_exists('upload')){mkdir('upload');}
  12. move_uploaded_file($_FILES["file1"]["tmp_name"],"upload/" . $newfile);
  13. @unlink($_FILES['file1']);
  14. echo $newfile;
  15. }else {
  16. echo 'error';
  17. }
  18. ?>
其中需要用到ajaxfileupload.js 这个文件.
赞 (0)
上一篇12-1
下一篇 8-23

相关推荐

  • PHP+apc+ajax实现的ajax_upload上传进度条代码

    本文实例讲述了PHP+apc+ajax实现的ajax_upload上传进度条代码，分享给大家供大家参考，具体如下：上传进度条是怎么实现的呢?原理是怎么样的呢?当我们浏览，选择上传后，会产生一个临时文件，上传的时把这个临时文件，上传到服务器，上传完成后，这个临时文件会被删除掉。如果我们能读取这个临时文件的大小，就知道上传进度是多少了，phpapc模块可以实现这个功能。一、安装apc模块下载地址:ht…
    •php上传下载
    2023-06-05398
  • jQuery+PHP实现图片上传并提交功能php上传下载

    jQuery+PHP实现图片上传并提交功能

    图片上传思路：通过ajax实现图片上传，然后把PHP返回的图片地址，加入到隐藏字段中，最后通过表单提交给后台PHP，代码如下。HTML代码zimg.html文件：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-wid…
    2023-08-07370

  • php+ajax实现文件切割上传功能示例

    这篇文章主要介绍了php+ajax实现文件切割上传功能,结合实例形式分析了PHP结合HTML5File对象的slice函数进行文件切割与ajax无刷新上传相关操作技巧,需要的朋友可以参考下。本文实例讲述了php+ajax实现文件切割上传功能，分享给大家供大家参考，具体如下：html5中的File对象继承Blob二进制对象，Blob提供了一个slice函数，可以用来切割文件数据。<!DOCTY…
    •php上传下载
    2023-08-07490

  • PHP使用Session实现上传进度功能详解

    本文实例讲述了PHP使用Session实现上传进度功能，分享给大家供大家参考，具体如下：实现文件上传进度条基本是依靠JS插件或HTML5的FileAPI来完成，其实PHP配合ajax也能实现此功能。PHP手册对于session上传进度是这么介绍的：当session.upload_progress.enabledINI选项开启时，PHP能够在每一个文件上传时监测上传进度。这个信息对上传请求自身并没有…
    •php上传下载
    2023-08-08439
  • PHP+iframe模拟Ajax上传文件功能示例php上传下载

    PHP+iframe模拟Ajax上传文件功能示例

    本文实例讲述了PHP+iframe模拟Ajax上传文件功能，分享给大家供大家参考，具体如下：在xmlhttprequestlevel1中，Ajax是不能够上传文件的，因为js不能操作本地文件，但是市场上有一些Ajax异步上传文件的插件，是怎么完成的呢？答案：可以使用iframe模拟Ajax上传文件。接下来博主将使用iframe来模拟Ajax来上传文件。首先看一下效果图：文件结构图：09-ifram…
    2023-08-08402
  • PHP实现带进度条的Ajax文件上传功能示例php上传下载

    PHP实现带进度条的Ajax文件上传功能示例

    这篇文章主要介绍了PHP实现带进度条的Ajax文件上传功能,结合实例形式分析了php+ajax文件上传基础上添加进度条功能相关实现技巧,需要的朋友可以参考下。本文实例讲述了PHP实现带进度条的Ajax文件上传功能，分享给大家供大家参考，具体如下：之前分享了一篇关于php使用FileApi实现Ajax上传文件的文章，里面的Ajax文件上传是不带进度条的，今天分享一篇关于带进度条的Ajax文件上传文章…
    2023-08-08344
  • PHP使用HTML5 FileApi实现Ajax上传文件功能示例php上传下载

    PHP使用HTML5 FileApi实现Ajax上传文件功能示例

    这篇文章主要介绍了PHP使用HTML5FileApi实现Ajax上传文件功能,结合实例形式分析了HTML5FileApi的功能、原理及php使用HTML5FileApi实现ajax上传的相关操作技巧,需要的朋友可以参考下。本文实例讲述了PHP使用HTML5FileApi实现Ajax上传文件功能，分享给大家供大家参考，具体如下：FileApi是HTML5的一个新特性，有了这个新特性，js就可以读取本…
    2023-08-08337

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

    这篇文章主要为大家详细介绍了php结合ajaxuploadfile实现无刷新文件上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下本文实例为大家分享了php+ajax实现无刷新文件上传的具体代码，供大家参考，具体内容如下文件上传的表单格式<formenctype="multipart/form-data"name="uploadform"method="post"><in…
    •php上传下载
    2023-08-08407