一、swfupload

1.下载swfupload　　http://code.google.com/p/swfupload/

2.

3.API 　　http://www.cnblogs.com/henw/archive/2012/03/22/2411592.html　　SWFUpload V2.2.0 API

参考阅读：

http://gxxsite.com/content/view/id/121.html

http://www.5icool.org/a/201312/a3410.html

http://www.91ctc.com/article/article-313.html

未完成。。。

我的例子： http://beijing.xxxxx.com/shops/comment.php?action=addComment&business_id=75　　2015-12

二、jQuery-File-Upload-9.11.2　　这个测试成功。

http://blog.csdn.net/lengxue789/article/details/43169965 重要 2015-11-11

http://www.bootcdn.cn/blueimp-file-upload/

https://github.com/blueimp/jQuery-File-Upload/tags

http://biancheng.dnbcw.info/jquery/463416.html　　阅读

http://www.cnblogs.com/silentjesse/p/3770253.html　　阅读　　ie9兼容问题

http://www.jb51.net/article/59027.htm　　阅读　ie9兼容问题

http://blueimp.github.io/jQuery-File-Upload/jquery-ui.html

http://www.jianshu.com/p/a01a09a4c56e　　文档翻译

https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support　　api

PHP输出图片文件：

<?

header("content-type:image/jpeg");

$url="/home/monelife/public_html/uucat.com/Tulips.jpg";

$imgfile = fopen($url,"r");

echo fread($imgfile,filesize($url));

fclose($imgfile);

?>

PHP保存上传文件：

<input type="file" id="test_file" name="test_file" multiple>

<?

if($_SERVER['REQUEST_METHOD']=='POST') {

  move_uploaded_file($_FILES["test_file"]["tmp_name"], "/home/monelife/public_html/uucat.com/" . $_FILES["test_file"]["name"]);

?>

正文：

文件1.php

<!DOCTYPE html>

<html>

<head>

<title></title>

<meta charset="utf-8">

<meta http-equiv="Pragma" content="no-cache">

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

<!-- bootstrap库 -->

<link href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

</head>

<body>

<link rel="stylesheet" href="css/jquery.fileupload.css">

<link rel="stylesheet" href="css/jquery.fileupload-ui.css">

<script src="js/vendor/jquery.ui.widget.js"></script>

<script src="js/jquery.fileupload.js"></script>

<script src="js/jquery.iframe-transport.js"></script>

<script type="text/javascript">

$(function() {

//url：后台提交的地址

//fileuploadprogress：主要是进度条的修改

//fileuploaddone：上传结束后执行的操作

    $("#test_file").fileupload({

            //url: '__CONTROLLER__/uploadImg',

            url: 'upload.php',

            sequentialUploads: true

        }).bind('fileuploadprogress', function (e, data) {

            var progress = parseInt(data.loaded / data.total * 100, 10);

            $("#test_progress").css('width',progress + '%');

            $("#test_progress").html(progress + '%');

        }).bind('fileuploaddone', function (e, data) {

            $("#test_show").attr("src",""+data.result);

            $("#test_upload").css({display:"none"});

            $("#test_cancle").css({display:""});

        });

    });

</script>

<div class="row fileupload-buttonbar" style="padding-left:15px;">

<div class="thumbnail col-sm-6">

<img id="test_show" style="height:180px;margin-top:10px;margin-bottom:8px;"  src="" data-holder-rendered="true">

<div class="progress progress-striped active" role="progressbar" aria-valuemin="10" aria-valuemax="100" aria-valuenow="0"><div id="test_progress" class="progress-bar progress-bar-success" style="width:0%;"></div></div>

<div class="caption" align="center">

<span id="test_upload" class="btn btn-primary fileinput-button">

<span>上传</span>

<input type="file" id="test_file" name="test_file" multiple>

</span>

<a id="test_cancle" href="javascript:void(0)" class="btn btn-warning" role="button" onclick="cancleUpload('weixin')" style="display:none">删除</a>

</div>

</div>

</div>

</body>

</html>

文件2 upload.php

<?

if($_SERVER['REQUEST_METHOD']=='POST') {

    move_uploaded_file($_FILES["test_file"]["tmp_name"], "/home/monelife/public_html/uucat.com/" . $_FILES["test_file"]["name"]);

    $imgfileName = $_FILES["test_file"]["name"];

    echo "http://www.uucat.com/".$imgfileName;

    /*

    header("content-type:image/jpeg");

    $url="/home/monelife/public_html/uucat.com/".$imgfileName;

    $imgfile = fopen($url,"r");

    echo fread($imgfile,filesize($url));

    fclose($imgfile);*/

}

?>

jquery.fileupload-angular.js 的300行，看如下代码：

fileuploadadd

fileuploadsubmit

fileuploadsend

fileuploaddone

fileuploadfail

fileuploadalways

fileuploadprogress//进度条的修改
fileuploaddone//上传完毕

fileuploadprogressall

fileuploadstart

fileuploadstop

fileuploadchange

fileuploadpaste

fileuploaddrop

fileuploaddragover

fileuploadchunksend

fileuploadchunkdone

fileuploadchunkfail

fileuploadchunkalways

fileuploadprocessstart

fileuploadprocess

fileuploadprocessdone

fileuploadprocessfail

fileuploadprocessalways

fileuploadprocessstop

-------------------------

其他关于文件上传的，还没看

1.fineuploader:

http://fineuploader.com/

http://www.bootcdn.cn/file-uploader/

http://blog.csdn.net/sadfishsc/article/details/7342547

http://bbs.csdn.net/topics/390674987 　　通过file文件选择图片预览功能（这个要看）2015-11-30

http://www.cnblogs.com/tianguook/p/4230642.html 　　jquery实现上传文件大小类型的验证

文件上传进度条（这三行是一些旧的内容，也放这里了）

http://www.pureweber.com/article/php-upload-progress/　　用PHP Session和Javascript实现文件上传进度条

http://www.cnblogs.com/zengxiangzhan/archive/2010/02/28/1675137.html　　　　文件上传带进度条，asp的

http://bbs.csdn.net/topics/390765871　　　　HTML5实现MP3上传前的预览和播放时长的获取

文件上传：swfupload.js、blueimp-file-upload的更多相关文章

  1. web文件上传组件比较jQuery File Upload和Fine Uploader

    jQuery File Upload: https://blueimp.github.io/jQuery-File-Upload/ Fine Uploader: http://fineuploader ...

  2. 用jQuery重置用于文件上传的input (type="file")

    页面中有如下标签: <input type="file" id="upload"/> 此标签本用于文件上传,现在有需要将其值重置为空.于是想当然地写 ...

  3. 文件上传ajaxfileupload.js插件

    Html:  <div class="container">         <form id="form" runat="serv ...

  4. 项目二、自定义文件上传函数(js函数)

    /** * 文件上传工具 v1.0 * @param file 要上传的文件 * @param url 要上传到的路径 * @param div 要显示的区域 */ function uploader ...

  5. 文件上传大小js判断

    function fileChange(target) { var fileSize = 0; if (isIE && !target.files) { var filePath = ...

  6. 多图片/文件上传 - SwfUpload/PlUpload

    <文件上传利器SWFUpload使用指南> <前端上传组件Plupload使用指南>

  7. 文件上传详解 (HTML FILE)

    FileUpload 对象 在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建. 该元素包含一个文 ...

  8. 文件上传以及JS链式结构

    文件上传: 文件上传使用FileUpload控件,使用控件的SaveAs方法,需要绝对路径. 获取文件的绝对路径:Server.MapPath(相对路径); 或许要上传文件的本身名字用.FileNam ...

  9. Natas Wargame Level 13 Writeup（文件上传漏洞，篡改file signature，Exif）

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqMAAADDCAYAAAC29BgbAAAABHNCSVQICAgIfAhkiAAAIABJREFUeF

  10. 多文件上传 file-uploader.js

    插件暴露给用户可以设置的参数 插件构成 声明一个全局对象qq,在对象上封装几个方法,类似JQUERY的方法 qq.extend 合并对象属性,类似$.extend() qq.indexOf 获取元素索 ...

随机推荐

  1. 获取进程ID,父进程ID,进程完整路径

    准备写一个进程管理的功能模块,今天下午先写了扫描获取本机各个进程路径,获取各个进程映像名称,进程完整路径. 要获取进程信息,第一步想到的就是提权,提权代码用过多次了,今天也小结了一下(http://w ...

  2. Netty的ByteToMessageDecoder/LengthFieldBasedFrameDecoder

    是个inbound handler,channelRead方法里面,用一个bytebuf(cumulation)来把下一个数据包和当前这一个拼在一起,以免同一个请求被拆包.然后callDecode,里 ...

  3. 一篇提及如何通过串口读取并提取GPS信号的论文

    一篇提及如何通过串口读取并提取GPS信号的论文 作者:崔杰 梁计春 王国军 目前,在用计算机进行数据传输时,常用的是串行通信方式.在Visual C++的编程中,既可以用Windows API函数进行 ...

  4. 剑指Offer 9. 变态跳台阶 （递归）

    题目描述 一只青蛙一次可以跳上1级台阶,也可以跳上2级……它也可以跳上n级.求该青蛙跳上一个n级的台阶总共有多少种跳法. 题目地址 https://www.nowcoder.com/practice/ ...

  5. centos7 ssh连接慢

    指的是连接到centos7,输入密码后要等很久才会返回.之前很多人遇到的问题都是由于/etc/ssh/sshd_config的UseDNS配置项和GSSAPIAuthentication配置项引起的, ...

  6. 阿里java开发规范 强制约束

    http://news.51cto.com/art/201901/591018.htm  :阿里开发强制要求的11条索引创建规范,提高性能 https://blog.csdn.net/Lujunwei ...

  7. enumerate()使用

    enumerate()使用 如果对一个列表,既要遍历索引又要遍历元素时,首先可以这样写: list1 = ["这", "是", "一个", ...

  8. 访问google提示"您的连接不是私密连接"

    直接访问google 提示这个,连subject 也变成连baidu 您的连接不是私密连接 攻击者可能会试图从 www.google.com 窃取您的信息(例如:密码.通讯内容或信用卡信息).了解详情 ...

  9. Linux进程调度与抢占

    一.linux内核抢占介绍 1.抢占发生的必要条件 a.preempt_count抢占计数必须为0,不为0说明其它地方调用了禁止抢占的函数,比如spin_lock系列函数.b.中断必须是使能的状态,因 ...

  10. oracle-rman-3

    http://blog.csdn.net/leshami/article/details/6032525 rman概述及体系结构 http://blog.itpub.net/23513800/view ...