php教程分享

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

php+ajax文件上传

•php上传下载•阅读 375

这是昨天在应用开发时用到的一款ajax图片上传功能了,方法很简单的就是把文件利用js给iframe来直接上传,如果上传文件成功返回1,再用js判断是否上传成功如果是就输出图片并显示预览效果,代码如下:

  1. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=gb2312" />
  5. <title>ajax文件上传</title>
  6. <style type="text/css">
  7. #f1_upload_process { display:none;}
  8. </style>
  9. <script language="javascript" type="text/javascript">
  10. <!--
  11. function $(id)
  12. {
  13. return document.getelementbyid(id);
  14. }
  15. function startupload(){
  16. if( $('myfile').value =='' )
  17. {
  18. alert('请选择要上传图片！');
  19. return false;
  20. }
  21. var array = $('myfile').value.split('.');
  22. var ext = array[1].tolowercase();
  23. if( ext =="gif" || ext =="jpg" || ext =="png" )
  24. {
  25. $('f1_upload_process').style.display = 'block';
  26. $('f1_upload_form').style.display = 'block';
  27. return true;
  28. }
  29. else
  30. {
  31. alert('只允许上传gif jpg png格式图像文件！');
  32. return false;
  33. }
  34. }
  35. function stopupload(success,pic){
  36. var result = '';
  37. if (success ==1 ){
  38. result ='<img src='+pic+' />';
  39. $('logo').value=pic;
  40. }
  41. else {
  42. result = '<span class="emsg">logo图片上传失败，请联系开发人员!</span><br/><br/>';
  43. }
  44. $('f1_upload_process').style.display = 'none';
  45. $('f1_upload_form').innerhtml = result + '<br /><label><input name="myfile" type="file" size="30" /></label><label><input type="submit" name="submitbtn" class="sbtn" value="上传图片" /></label>';
  46. $('f1_upload_form').style.display = 'block';
  47. return true;
  48. }
  49. //-->
  50. </script>
  51. </head>
  52. <body>
  53. <form action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="javascript：return startupload();" >
  54. <span ><img src="loader.gif" /></span>
  55. <span align="center">
  56. <input name="myfile" type="file" size="30" />
  57. <input type="submit" name="submitbtn" class="sbtn" value="上传图片" />
  58. </span>
  59. <iframe name="upload_target" src="#" ></iframe>
  60. (可上传 gif,jpg,png)
  61. </form>
  62. </body>
  63. </html>

upload.php,代码如下:

  1. <?php
  2. $destination_path = '../../upfile/jianjulogo/';//getcwd().directory_separator;
  3. $result = 0;
  4. $target_path = $destination_path . basename( $_files['myfile']['name']);
  5. if(@move_uploaded_file($_files['myfile']['tmp_name'], $target_path)) {//开源代码phpfensi.com
  6. $result = 1;
  7. }
  8. echo $target_path;
  9. sleep(1);
  10. ?>
  11. <script language="javascript" type="text/javascript">window.top.window.stopupload(<?php echo $result; ?>,'<?=$target_path?>');</script>
赞 (1)
上一篇12-1
下一篇 2-22

相关推荐

  • 基于PHP的AJAX技术实现文件异步上传

    基于PHP的AJAX技术实现文件异步上传异步的文件上传是在现代的AJAX实现的Web应用里面经常要遇到，必须解决的问题。但是标准的AJAX类(XmlHttpRequest)无法实现传输文件的功能。因此，这里讨论的内容就是如何在AJAX的技术…
    •php上传下载
    2016-08-2318375

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

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

    php上传多张图片时，选择图片后即可预览的问题

    这几天一直在解决一个问题，上传图片时选择成功后就能预览。需求：在点击上传图标的时候会在前面的input框中显示出文件名，然后点击后面的查看按钮就可以预览选择的这张图片了，要求不能刷新页面1.一开始的时候打算用ajax上传，后来发现多张图片一同上传的时候会出现问题，ajax上传图片的原理是当你选中一张图片的时候会使用js在这个type为file的input的框外面包上一个form表单然后通过ajax…
    2023-08-07310

  • 用php如何解决大文件分片上传问题

    这篇文章主要介绍了php大文件分片上传如何解决，是个非常不错的思路，大家可以看看。如果上传的文件只有小于10M的话,就没必要考虑这样的做法,直接在php.ini中更改一下upload_max_filesize=10mpost_max_size=10m这样就可以了,下面我们来说一说php上传超大的文件前提首先,上传超大的文件,前端要和后端相互配合文件上传要使用ajax的方法,而不是form的subm…
    •php上传下载
    2023-08-07446

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

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

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

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

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

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

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

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