zoukankan      html  css  js  c++  java
  • 如何实现一次选择多个文件上传,而且异步上传

    swfupload插件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    <!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"
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
      
    <title>File upload </title> 
    <link rel="Stylesheet" href="js/Plug-in/jquery.uploadify/uploadify.css" /> 
    <script type="text/javascript" src="js/Plug-in/jquery.uploadify/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="js/Plug-in/jquery.uploadify/swfobject.js"></script> 
    <script type="text/javascript" src="js/Plug-in/jquery.uploadify/jquery.uploadify.v2.1.0.min.js"></script> 
    <script type="text/javascript"
    $(document).ready(function() { 
        $("#uploadify").uploadify({ 
            'uploader''js/Plug-in/jquery.uploadify/uploadify.swf'
            'script''uploadify.php'
            'cancelImg''js/Plug-in/jquery.uploadify/cancel.png'
            'folder''uploadfile'
            'queueID''fileQueue'
            'auto'false
            'multi'true
        }); 
    }); 
    </script> 
    </head> 
    <body> 
    MAX: 20M
    </BR>
    <input type="file" name="uploadify" id="uploadify" /> 
    <a href="javascript:$('#uploadify').uploadifyUpload()">Upload</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">cancel</a> 
    <div id="fileQueue"></div> 
    </body> 
    </html>

    #uploadify.php

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <?php
    if (!empty($_FILES)) {
        $tempFile $_FILES['Filedata']['tmp_name'];
        $targetPath $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/';
        $targetFile =  str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];
        $targetFile =  iconv("utf-8","gbk",$targetFile);
     
            move_uploaded_file($tempFile,$targetFile);
            echo "1";
    }
    ?>
  • 相关阅读:
    运营平台——效率型后台管理类产品交互设计心得
    代码在线编译器(下)- 用户代码安全检测
    代码在线编译器(上)- 编辑及编译
    SimpleDateFormat并发隐患及其解决
    Spring-SpringMVC父子容器&AOP使用总结
    PaaS服务之路漫谈(三)
    PaaS服务之路漫谈(二)
    PaaS服务之路漫谈(一)
    Spring 属性配置
    如何通过临时表来加快数据库查询的性能
  • 原文地址:https://www.cnblogs.com/zxz1987/p/6524059.html
Copyright © 2011-2022 走看看