最近想做一个上传的总结，把自己用过的上传插件都写一写，哪天用到的时候就不用再一次的翻阅资料，现在页面上用到的上传插件，原理上都差不多，那我也就不再废话了，下面我主要记录一下几个比较常用的，由简到繁，这里我只写代码，其它的就不在啰嗦了：

  • jquery.upload.js
  • ajaxupload.js
  • uploadify
  • SWFUpload

jquery.upload.js


　　这里只写主要的，至于js的引用我就不用说了是吧，自己添加上就行，我就不写了。

　　前台html代码：

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title></title>

     <script>

         /*文件上传*/

         function upload() {

             $.upload({                      // 上传方法

                 url: '/System/Upload',      // 上传地址

                 fileName: 'uploadfile',     // 文件域名字

                 params: { name: 'pxblog' }, // 其他表单数据

                 dataType: 'json',           // 上传完成后, 返回json, text

                 onSend: function () {       // 上传之前回调,return true表示可继续上传

                     return true;

                 },

                 onSubmit: function () {

                 },

                 onComplate: function (data) {   // 上传之后回调

                     if (data.msg) {

                     } else {

                         alert("上传图片出错！");

                     }

                 }

             })

         }

     </script>

 </head>

 <body>

     <div>

         <input type="button" onclick="upload()" value="点击上传" />

     </div>

 </body>

 </html>

　　后台接收文件的代码，这里用的MVC

 public ActionResult Upload(HttpPostedFileBase FileData)

         {

             // 如果没有上传文件

             if (FileData == null || string.IsNullOrEmpty(FileData.FileName) || FileData.ContentLength == )

             {

                 return this.HttpNotFound();

             }

             string filename = Path.GetFileName(FileData.FileName);  //获得文件名

             string extension = Path.GetExtension(FileData.FileName);//获得文件扩展名

             string phyPath = Request.MapPath("/Upload/");

             if (!Directory.Exists(phyPath))

             {

                 Directory.CreateDirectory(phyPath);

             }

             decimal newid = Math.Abs(Guid.NewGuid().GetHashCode());

             string filepath = phyPath + newid + extension;

             FileData.SaveAs(filepath);

             return Content(newid + extension);

         }

　　缺点：

　　这种方式，有个缺点，而且还是在IE上，想想就郁闷，很多乱七八糟的问题都出现在IE上，微软咋就不能好好整整IE啊。

　　如果咱们返回方式选择json的时候，IE有的版本会弹框提示下载，哎，遇到这种问题，也真是够倒霉的，没办法，自求多福吧

上传系列：jquery.upload.js的更多相关文章

  1. JQuery文件上传插件JQuery.upload.js的用法简介

    JQuery文件上传插件,这个插件很小,用法很简单,效果却很棒.注意:JQuery版本要求1.8及以上,大家执行如果没效果,则检查JQuery版本,如果是1.8及以上,则该插件源码中的.size()需 ...

  2. jQuery文件上传插件jQuery Upload File 有上传进度条

    jQuery文件上传插件jQuery Upload File 有上传进度条 jQuery文件上传插件jQuery Upload File,插件使用简单,支持单文件和多文件上传,支持文件拖拽上传,有进度 ...

  3. 上传系列：ajaxupload.js

    ajaxupload.js 上次说了jquery.upload.js,这次再说一下ajaxupload.js,这个其实也比较简答,只有一个JS文件: html代码: $(function () { v ...

  4. 文件上传时jquery.form.js中提示form.submit SCRIPT5: 拒绝访问

    利用其它控件触发file的click事件来选择文件后,使用jquery.form.js中的submit方法提交时IE报错:form.submit SCRIPT5: 拒绝访问,其它浏览器正常, < ...

  5. 图片裁剪上传插件——jquery.photoClip.js

    想要裁剪图片上传: 需要依赖的的插件为: [jquery.photoClip.js] 插件[iscroll-zoom.js] 插件[hammer.js] 插件 [lrz.all.bundle.js] ...

  6. 图片上传（方法一：jquery.upload.js）

    一.在JSP页面引入jquery.upload.js 文件: <script type="text/javascript" src="${ctx}/script/j ...

  7. 基于 jq 实现拖拽上传 APK 文件，js解析 APK 信息

    技术栈 jquery 文件上传:jquery.fileupload,github 文档 apk 文件解析:app-info-parser,github 文档 参考:前端解析ipa.apk安装包信息 - ...

  8. 强大的支持多文件上传的jQuery文件上传插件Uploadify

    支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...

  9. PHP 多图上传，图片批量上传插件，webuploader.js，百度文件上传插件

    PHP  多图上传,图片批量上传插件,webuploader.js,百度文件上传插件(案例教程) WebUploader作用:http://fex.baidu.com/webuploader/gett ...

随机推荐

  1. ecshop以幻灯版调用首页主广告显示

    默认的是index_ad.lbi模板有一个$flash变量了,但在搜索搜索没发现 <!--{foreach from=$flash name=no item=flash}--> <l ...

  2. c# 使用ChartDirector绘图的一些个人体会

    c# 使用ChartDirector绘图的一些个人体会 引言:       最近给客户做一个B/S架构的证券交易大屏幕软件,其中用到对证券指数的走势以及成交量的图形绘制,由于客户要求图形的清晰而且要做 ...

  3. js 限定上传文件大小 类型

    方案1 :限定大小 <html> <head> <script type="text/javascript">   var isIE = /ms ...

  4. iOS开发-数据持久化

    iOS中四种最常用的将数据持久存储在iOS文件系统的机制 前三种机制的相同点都是需要找到沙盒里面的Documents的目录路径,附加自己相应的文件名字符串来生成需要的完整路径,再往里面创建.读取.写入 ...

  5. PHP linux spl_autoload_register区分大小写

    一个PHP脚本用到spl_autoload_register,在WINDOWS下运行正常,但在LINUX就include不了,后来发现WINDOWS大小写不敏感,而在LINUX下区分大小写,WINDO ...

  6. android 表情,软键盘冲突解决方案（仿微博等SNS应用）

    之前总想搞一下这个模块,可是由于忙碌总是推迟,现在就把这块好好的弥补过来,下面是我实现的思路.本人才疏学浅,还望大家不要见笑. 首先我们还是先看写示例:            上面应用应该不用我过多介 ...

  7. [置顶] 异步加载图片，使用LruCache和SD卡或手机缓存，效果非常的流畅

    转载请注明出处http://blog.csdn.net/xiaanming/article/details/9825113 异步加载图片的例子,网上也比较多,大部分用了HashMap<Strin ...

  8. Nginx 1.4.7图片缓存服务器

    软件包版本: Nginx 1.4.7 Ngx_cache_purge-2.0 Openssl-1.0.1 Pcre-8.32 二.安装编译: a)         下载pcre-8.32.tar.gz ...

  9. 小米2及其他Android手机无法连接mac解决方案

    一般的android连接mac 很方便不用安装驱动就可以啦,可是不知道为什么二般情况下有的android手机(小米2,华为等)就是连接不上,下来就说说二般情况下如何连接. 1.关于本机-->更多 ...

  10. SQL SERVER 函数大全[转]

    SQL Server 函数大全 一旦成功地从表中检索出数据,就需要进一步操纵这些数据,以获得有用或有意义的结果.这些要求包括:执行计算与数学运算.转换数据.解析数值.组合值和聚合一个范围内的值等. 下 ...